*{
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:transparent;
	background-repeat: no-repeat;
}
.clearfix:after{ height:0; display:block; content:'.'; visibility:hidden; clear:both;}
.clear{height:0; line-height:0; font-size:0; display:block; clear:both;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,ol,label,title,fieldset,section,article,aside,header,footer,audio,video,nav{display:block;}
ul{list-style:none;}
img{border:0;}
input{outline: none; border:0;}
a{text-decoration:none;}
.ellipsis{
	word-break: break-all;text-overflow: ellipsis;display:block;display: -webkit-box;-webkit-box-orient: vertical;
	-webkit-line-clamp:1;overflow: hidden;
}
.ellipsis2{word-break: break-all;text-overflow: ellipsis;display:block;display: -webkit-box;-webkit-box-orient: vertical;
	-webkit-line-clamp:2;overflow: hidden;}
.ellipsis3{word-break: break-all;text-overflow: ellipsis;display:block;display: -webkit-box;-webkit-box-orient: vertical;
	-webkit-line-clamp:3;overflow: hidden;}
.ellipsis4{word-break: break-all;text-overflow: ellipsis;display:block;display: -webkit-box;-webkit-box-orient: vertical;
	-webkit-line-clamp:4;overflow: hidden;}
.ellipsis5{word-break: break-all;text-overflow: ellipsis;display:block;display: -webkit-box;-webkit-box-orient: vertical;
	-webkit-line-clamp:5;overflow: hidden;}
.ellipsis6{word-break: break-all;text-overflow: ellipsis;display:block;display: -webkit-box;-webkit-box-orient: vertical;
	-webkit-line-clamp:6;overflow: hidden;}
a:link{text-decoration:none; outline: none;}
body{
	font-family:'Source Han Sans',"PingFang SC",Arial,"Microsoft YaHei",sans-serif;
	font-size:14px;
	min-width:1000px;
/*	max-width:1920px;*/
	margin:0 auto;
	background:#F9F8F5;
}
input{font-family:'Source Han Sans',"PingFang SC",Arial,"Microsoft YaHei",sans-serif;}
.w-1200{width:1200px; margin:0 auto;}
.w-1280{width:1280px; margin:0 auto;}
.w-1300{width:1300px; margin:0 auto;}
body,html{height:100%;}
.box{min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -228px;
}
.box1{padding-bottom:228px;
}
.transition{
	transition:.35s;
	-webkit-transition:.35s;
	-moz-transition:.35s;
	-ms-transition:.35s;
	-o-transition:.35s;
}
.fl{float: left;}
.fr{float: right;}
.icon{background-image:url(../img/img.png); background-repeat: no-repeat; margin-top:-3px;display:inline-block; vertical-align: middle;}
.btnicon{background-image:url(../img/btn.png); background-repeat: no-repeat; margin-top:-3px;display:inline-block; vertical-align: middle;}
.icon1{width:10px; height:7px; background-position:0 0;}
.icon2{width:34px; height:28px; background-position:-13px 0;}
.icon3{width:29px; height:29px; background-position:-52px 0;}
.icon4{width:26px; height:22px; background-position:0 -31px; margin-right:7px;}
.icon5{width:13px; height:7px; background-position:-83px 0; margin-left:25px;}
.icon6{width:29px; height:29px; background-position:-30px -31px;}
.icon7{width:17px; height:17px; background-position:-62px -31px;}
.icon8{width:9px; height:9px; background-position:-85px -10px; margin-left:7px; cursor: pointer;}
.icon9{width:12px; height:12px; background-position:0 -67px; margin-right:2px;}
.icon10{width:12px; height:14px; background-position:0 -96px; margin-right:6px;}
.icon11{width:16px; height:16px; background-position:0 -113px; margin-right:3px;}
.icon12{width:16px; height:16px; background-position:0 -132px; margin-right:5px;}
.icon13{width:12px; height:11px; background-position:0 -82px; margin-left:2px; margin-right:2px;}
.icon14{width:22px; height:22px; background-position:0 -151px; margin-right:7px;}
.icon15{width:19px; height:21px; background-position:0 -176px; margin-right:4px;}
.icon16{width:14px; height:14px; background-position:-84px -23px; margin-right:5px;}
.icon17{width:19px; height:19px; background-position:-39px -80px}
.icon18{width:18px; height:18px; background-position:-39px -103px}
.icon19{width:14px; height:12px; background-position:-39px -65px; margin-right:2px;}
.icon20{width:12px; height:7px;  background-position:-64px -57px;}
.icon21{width:14px; height:14px; background-position:-84px -93px;}
.icon22{width:14px; height:14px; background-position:-84px -59px; margin-right:4px;}
.icon23{width:31px; height:70px; background-position:0 0;}
.icon24{width:31px; height:70px; background-position:-36px 0;}
.icon25{width:20px; height:16px; background-position:-39px -126px; margin-right:6px;}
.icon26{width:60px; height:116px; background-position:-72px 0;}
.icon27{width:60px; height:116px; background-position:-140px 0;}
.icon28{width:14px; height:14px; background-position:-52px -148px;}
.icon29{width:6px; height:10px; background-position:-84px -129px;}
.icon30{width:6px; height:10px; background-position:-92px -129px;}
.icon31{width:16px; height:16px; background-position:-49px -165px; margin-right:4px;}
.icon32{width:16px; height:16px; background-position:-48px -183px; margin-right:6px;}
.icon33{width:16px; height:16px; background-position:-67px -183px; margin-right:6px;}
.icon34{width:9px; height:5px; background-position:-88px -154px; margin-left:2px;}
.icon35{width:13px; height:13px; background-position:0 -202px; margin-right:11px;}
.icon36{width:15px; height:12px; background-position:0 -218px; margin-right:9px;}
.icon37{width:13px; height:13px; background-position:0 -233px; margin-right:10px;}
.icon38{width:13px; height:14px; background-position:0 -249px; margin-right:11px;}
.icon39{width:14px; height:14px; background-position:0 -266px; margin-right:9px;}
.icon40{width:22px; height:11px; background-position:-20px -201px;}
.icon41{width:22px; height:11px; background-position:-20px -217px;}
.icon42{width:19px; height:19px; background-position:-47px -202px;}
.icon43{width:19px; height:18px; background-position:-47px -224px;}
.icon44{width:18px; height:18px; background-position:-47px -245px;}
.icon45{width:17px; height:17px; background-position:-47px -266px;}
.icon46{width:21px; height:19px; background-position:-71px -202px;}
.icon47{width:20px; height:19px; background-position:-71px -224px;}
.icon48{width:18px; height:22px; background-position:-71px -244px;}
.icon49{width:36px; height:33px; background-position:0 -287px;}
.icon50{width:20px; height:20px; background-position:-71px -268px; margin-right:6px;}
.icon51{width:12px; height:14px; background-position:-47px -286px; margin-right:4px;}
.icon52{width:13px; height:8px; background-position:-84px -290px;}
.icon53{width:13px; height:13px; background-position:-68px -291px; margin-right:2px;}
.icon54{width:19px; height:16px; background-position:0 -323px;}
.icon55{width:28px; height:6px; background-position:-48px -323px;}
.icon56{width:20px; height:16px; background-position:0 -344px; margin-right:12px;}
.icon57{width:18px; height:19px; background-position:0 -363px; margin-right:13px;}
.icon58{width:20px; height:15px; background-position:-21px -344px; margin-right:12px;}
.icon59{width:8px; height:11px; background-position:-45px -344px; margin-right:11px;}
.icon60{width:22px; height:13px; background-position:-22px -361px;}
.icon61{width:8px; height:10px; background-position:-60px -333px; margin-right:6px;}
.icon62{width:8px; height:10px; background-position:-71px -333px; margin-left:6px;}
.icon63{width:20px; height:20px; background-position:0 -387px;}
.icon64{width:19px; height:21px; background-position:-23px -387px;}
.icon65{width:20px; height:20px; background-position:-47px -387px;}
/* 登录 */
.loginBox{position: relative; height: 100%;}
.loginHead{margin-bottom: 70px;padding-top: 32px;display: flex;align-items: center}
.loginHead a{display: inline-block; vertical-align:bottom;}
.loginHead .logo{width:308px; height:44px; margin-left:2px; margin-right:16px;}
.loginHead .logo img{width:100%; height:100%; display: block;}
.loginHead .goHome{ color:#666; line-height:16px;}
.loginHead .goHome:hover{color:#e7373a;}
.loginHead #changeBtn{
	padding: 10px 15px;
	border-radius: 25px;
	background: #e7373a;
	color: #ffffff;
}
.loginBox .login{width:394px; margin:0 auto; padding:40px 40px 21px 40px; background:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; box-shadow:0 0 29px 0 rgba(8, 8, 8, .1);
	-webkit-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -moz-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -ms-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1);}
.loginBox .inputGroup{margin-top:7px; margin-bottom:17px;}
.loginBox .inputGroup p{margin-bottom:20px;}
.loginBox .inputGroup p input{
	overflow: hidden;line-height:40px; display: inline-block; height:40px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; background:#f5f5f5; padding-left:13px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
	width:100%; padding-left:13px; color:#333; font-family: "siyuan";}
.loginBox .inputGroup p input::-webkit-input-placeholder{color:#999999;}
.loginBox .inputGroup p input::-moz-placeholder{color:#999999;}
.loginBox .inputGroup p input:-ms-input-placeholder{color:#999999;}
.loginBox .inputGroup p input:focus{box-shadow: 0 0 10px 0 inset rgba(8, 8, 8, .1);}
.loginBox .inputGroup p img{margin-top:0 !important;}
.loginBox .inputGroup p a,.loginBox .inputGroup p img{display: inline-block; vertical-align: middle;}
.loginBox .operation{height:14px; line-height:14px; margin-bottom:35px;}
.loginBox .operation .p2 a{display: inline-block; color:#808080; vertical-align: middle;}
.loginBox .operation .p2 a:hover{color:#e7373a; text-decoration: underline;}
.loginBox .operation .p2 span{width:20px; text-align: center; font-size:14px; color:#e0e0e0; display: inline-block; vertical-align: middle;}
.loginBox .guanlian{padding-top:28px;}
.loginBox .guanlian .tip{line-height:22px; font-size:12px; color:#999999; margin-bottom:14px;}
.loginBox .guanlian .operation .p2{color:#808080;}
.loginBox .guanlian .operation .p2 a{color:#3377aa; vertical-align:top;}
.loginBox .guanlian .div1{height:66px; line-height:66px; margin-bottom:32px; text-align: center;}
.loginBox .guanlian .div1 span,.loginBox .guanlian .div1 img{display: inline-block; vertical-align: middle;}
.loginBox .guanlian .div1 span{width:66px; height:66px; line-height:66px; text-align: center; background:#f7f7f7; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%;}
.loginBox .guanlian .div1 img{margin:0 34px;}
.login .jghy{ margin-bottom:20px;}
.login .jghy p{margin-top:5px;color:#808080;}
.login .jghy input{display: inline-block; vertical-align: middle; margin-right:3px; width:15px; height:15px;}
.login .jghy label{display: inline-block; vertical-align: middle; margin-right:20px;}

.loginBox .denglu,.register .tabCon .denglu{height:46px; line-height:46px; background:#e7373a; color:white; font-size:16px; text-align: center; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; display: block; margin-bottom:26px;}
.register .tabCon .checkedP~.denglu{background:#ebebeb;}
/*.loginBox .denglu:hover{ box-shadow: 0 0 20px 0 inset #af2628;}*/
.loginBox .login h3{position: relative; height:23px; line-height:23px; text-align: center; margin-bottom:20px;}
.loginBox .login h3:after{content:""; left:0; right:0; height:1px; background:#ebebeb; line-height:1px; top:50%; position: absolute;}
.loginBox .login h3 span{padding:0 54px; color:#b2b2b2; font-size:14px; font-weight: normal; display: inline-block; background:white; position: relative; z-index: 2;}
.loginBox .loginMethods{text-align: center;}
.loginBox .loginMethods a{display: inline-block; margin:0 20px;}
.loginBox .loginMethods a span{display: block; margin-top:10px; height:18px; line-height:18px; font-size:12px; color:#808080;}
.loginBox .login h2{height:22px; line-height:22px; color:#666666; font-size:18px; margin-bottom:35px; font-family: "siyuan";}

.loginFooter{font-family: "siyuan"; line-height:22px; font-size:12px; color:#808080;text-align: right;}





/* 注册 */
.register{width:474px; margin:0 auto; background:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; box-shadow:0 0 29px 0 rgba(8, 8, 8, .1);
	-webkit-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -moz-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -ms-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); overflow: hidden;
	position: relative;
	z-index: 9;
}
.register h3{height:39px; line-height:39px; padding-left:12px; padding-right:21px; background:#f2f2f2; border-radius:0 40px 40px 0; -webkit-border-radius:0 40px 40px 0; -moz-border-radius:0 40px 40px 0; -ms-border-radius:0 40px 40px 0;
	display: inline-block; font-size:14px; color:#808080; font-family: "siyuan"; margin-bottom:15px;}
.register .tabTitle{height:55px; border-bottom:1px solid #e6e6e6; padding-left:37px; width:auto;}
.register .tabTitle a{display: inline-block; height:53px; line-height:53px; font-size:20px; color:#808080; margin-right:45px; font-family: "siyuan"; width:auto; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -ms-border-radius:0px;}
.register .tabTitle a.on{color:#e7373a; border-bottom:2px solid #e7373a; background:none;}
.register .tabCon{padding:36px 40px 38px 40px;}
.register .inputGroup p{line-height:40px; margin-bottom:14px;margin-bottom:14px;overflow:hidden}
.register .inputGroup p:last-of-type{margin-bottom:0;}
.register .inputGroup p label,.register .inputGroup p input{display:inline-block; }
.register .inputGroup p label{color:#666666; width:98px;}
.register .inputGroup p label em{width:14px; color:#e7373a; font-style: normal; display: inline-block; line-height:34px;}
.register .inputGroup p input{width:274px; height:38px; border:1px solid #e6e6e6; padding-left:10px; padding-right:10px; background:#f7f7f7;}
.register .inputGroup p input:focus{border:1px solid #3377aa;}
.register .inputGroup .yzm input{width:76px; margin-right:17px; text-align: center;}
.register .inputGroup .yzm img{vertical-align: middle; width:75px; height:27px; display: inline-block; margin-right:7px;}
.register .inputGroup .yzm a{line-height:27px; color:#999999; vertical-align: middle;}
.register .inputGroup .yzm a:hover{text-decoration: underline; color:#e7373a;}
.register .inputGroup .tel_yzm{position: relative;}
.register .inputGroup .tel_yzm input{padding-right:105px; width:179px;}
.register .inputGroup .tel_yzm .phone_yzm{position: absolute; width:105px; height:40px; line-height:40px; right:0; top:0; text-align: center; color:#3377aa; cursor: pointer;}
.register .tabCon .goLogin{text-align: right; margin-top:9px; line-height:24px; margin-bottom:30px;}
.register .tabCon .goLogin a{color:#666666; font-family: "siyuan";}
.register .tabCon .goLogin a:hover{color:#e7373a; text-decoration: underline;}
.register .tabCon .checkedP{margin-bottom:24px;}
.register .tabCon .checkedP label{color:#808080; font-family: "siyuan";}
.register .tabCon .checkedP a{color:#3377aa;}
.register .tabCon .checkedP a:hover{text-decoration: underline;}
.register .tabCon .denglu{margin:0;}
.register .error{padding-left:98px;}
.register p:last-of-type + .error{margin-top:0;}
.error{font-style: normal; font-family:"siyuan"; color:#e7373a; display:block; line-height: 30px;}

.register .tabTitle span{
	float: right;
	line-height: 53px;
	color: #808080;
}
.register .tabTitle span a{
	float: right;
	font-size: 14px;
	color: #3377aa;
	cursor: pointer;
}
/* 复选框 */
.checkedP span,.checkedP label{display: inline-block; vertical-align: middle;}
.checkedP span{position: relative; width:12px; height:12px; border:1px solid #b3b3b3; text-align: center; line-height:12px; margin-right:8px;}
.checkedP span input{position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);}
.checkedP span .icon{display: none;}
.checkedP span.checked .icon{display: inline-block;}
.checkedP label{color:#808080; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}


.header{padding-top:12px; background:#292929; height:56px;}
.header>div{height:56px;}
.header .logo{width:307px; margin-right:6px;}
.header .logo img{display: block; width:100%; margin-top:0;}
.header .nav {margin-right:22px;}
.header .nav li{float: left; margin-left:40px; height:54px;}
.header .nav li a{line-height:47px; font-size:16px; color:white; display: block;}
.header .nav li.on{border-bottom:2px solid #e7373a;}
.header .nav li.on a,.header .nav li a:hover{color:#e84346;}
.header img{margin-top:2px;}

.loginInfo{padding-top:8px;}
.loginInfo .sign{padding:0 10px; height:28px; line-height:28px; border:2px solid #FA6116; border-radius:28px; -webkit-border-radius:28px; -moz-border-radius:28px; -ms-border-radius:28px;
	text-align: center; min-width:30px; font-size:12px; color:#5b5a53;background: #FA6116}
.loginInfo .sign a{color:#f5f2e1; display: inline-block; vertical-align: middle;}
.loginInfo .sign a:hover{color:#e84346;}
.loginInfo .sign span{display: inline-block; vertical-align: middle; margin:0 4px;}
.loginInfo .jigou{font-size:12px; color:#f5f2e1; margin-right:18px; height:30px; line-height:30px;}
.loginInfo .geren{/*width:113px;*/ margin-right:12px; cursor: pointer; position: relative;}
.loginInfo .geren p{color:#f5f2e1;display: flex;align-items: center}
.loginInfo .geren span{width:26px; height:26px; display: inline-block; vertical-align: middle; margin-right:5px;}
.loginInfo .geren span img{border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; width:100%; height:100%; margin-top:0;}
.loginInfo .geren font{display: -webkit-box; width:70px; vertical-align: middle;}
.loginInfo .geren p i{
	margin-top: 2px;
}
.loginInfo .geren ul{z-index: 12; padding:14px 0 10px 0; background:white; box-shadow:0 1px 9px 0 rgba(111,111,111,.44); -webkit-box-shadow:0 1px 9px 0 rgba(111,111,111,.44); -moz-box-shadow:0 1px 9px 0 rgba(111,111,111,.44); -ms-box-shadow:0 1px 9px 0 rgba(111,111,111,.44);
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; width:126px; position: absolute; left:50%; margin-left:-63px; top:45px; opacity:0; display: none;}
.loginInfo .geren ul li{height:40px; line-height:40px;}
.loginInfo .geren ul li a{color:#666666; display: block;}
.loginInfo .geren ul li:hover a{color:#5c93ad;}

.searchBar{padding:36px 0; height:48px; background:url(../img/ny-search-bg.png) no-repeat center top; background-size: cover; border-bottom:1px solid #cccccc;}
.search1{margin:0 auto; width:772px;}
.search1>div{height:48px; line-height:48px; font-size:16px; background:white;
	border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; -ms-border-radius:4px 0 0 4px; position: relative;}
.search1 input{margin-left:19px; width:479px; color:#333; background:none; height:48px; font-size:16px; color:#333; }
.search1 input::-webkit-input-placeholder{color:#b2b2b2;}
.search1 input::-moz-placeholder{color:#b2b2b2;}
.search1 input:-ms-input-placeholder{color:#b2b2b2;}
.search1 .jsbtn{width:88px; height:48px; text-align: center; line-height:48px; background:#e84346; color:white;
	display: block; border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; -ms-border-radius:0 4px 4px 0;}
.search1 .jsbtn:hover{box-shadow: 0px 0px 5px #954715 inset;}
.tiname{width:110px; text-align: center; float:left; position: relative; background:white;  border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.tiname p{color:#1a1a1a; cursor: pointer; font-size:14px;}
.tiname ul{width:140px; box-shadow: 0 0 10px 4px rgba(0,0,0,.14); background:white;
	position: absolute; left:0; top:48px; z-index:5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.tiname ul li{line-height:44px; border-bottom:1px solid #e6e6e6;
	text-align: left;}
.tiname ul li a{color:#666666; display: block; padding-left:20px; font-size:14px;}
.tiname ul li:hover a{color:#ea0000;}

.location{line-height:22px; margin:14px auto; color:#999999; font-size:12px;}
.location a,.location a span{color:#999999;}
.location a:hover,.location a span:hover{color:#4c4c4c;}
.location span{color:#4c4c4c;}


.sameH3{height:44px; line-height:44px; font-size:18px; color:white; text-align: center; background:#3d3d3d; letter-spacing:4px;}
.container{overflow: hidden;}
.container .aside{width:200px; margin-right:36px;}
.asidePanel{margin-bottom:16px;}
.asidePanel ul{background:white;}
.asidePanel .aside_ul1{background:#ededed; border:1px solid #e0e0e0; border-top:0;}
.aside_ul1 li{text-align: center; border-bottom:1px solid #e0e0e0;}
.aside_ul1 li:last-of-type{border:0;}
.aside_ul1 li a{display: block; line-height:22px; padding:8px 0; color:#4c4c4c;}
.aside_ul1 li.on{background:white;}
.aside_ul1 li.on a,.aside_ul1 li:hover a{color:#e84245;}
.aside_ul2 li{border-bottom:1px solid #f0f0f0;}
.aside_ul2 li a{display: block; padding:6px 15px; line-height:22px; font-size:16px; color:#4c4c4c;}
.aside_ul2 li a span{font-size:14px; color:#999999; margin-left:5px;}
.aside_ul2 li a:hover,.aside_ul2 li a:hover span,.aside_ul2 li.on a,.aside_ul2 li.on a span{color:#e84245;}
.aside_ul3 li h3,.aside_ul3 li a{border-bottom:1px solid #f0f0f0;}
.aside_ul3 li h3,.aside_ul3 li h4{padding:6px 42px 6px 15px; line-height: 22px; font-size:16px; color:#4c4c4c; font-weight: normal; position: relative; cursor: pointer;}
.aside_ul3 li h3 .icon{position: absolute; right:15px; top:50%; margin-top:-3px;}
.aside_ul3 li p{display: none;}
.aside_ul3 li p a{display: block; padding:6px 25px; line-height:22px; color:#4c4c4c;}
.aside_ul3 li p a span{font-size:13px; color:#999999; font-family: "Arail"; margin-left:5px;}
.aside_ul3 li p a:hover,.aside_ul3 li p a:hover span,.aside_ul3 li p a.on,.aside_ul3 li p a.on span{color:#e84245;}
.aside_ul3 li p a.on{padding-left:44px; background:url(../img/gouxuan.png) no-repeat 24px 12px;}
.aside_ul3 li h3.active .icon{background-position-y:-65px;}
.asidePanel .ziyuan_ul3{background:#ededed;border:1px solid #e0e0e0; border-top:0; border-bottom:0;}
.ziyuan_ul3 li h3, .ziyuan_ul3 li a,.ziyuan_ul3 li h4{border-bottom:1px solid #e0e0e0;}
.ziyuan_ul3 li h3,.ziyuan_ul3 li h4,.ziyuan_ul3 li h4 a{color:#292929;}
.ziyuan_ul3 li p a.on{background:url(../img/gouxuan.png) no-repeat 24px 12px,white;}
.ziyuan_ul3 li h3.active{color:#e84245;}
.ziyuan_ul3 li h4 a.active {color:#e84245;}

.section{margin-left:236px; overflow:hidden;}
.sectionTitle{height:38px; padding-bottom:5px; border-bottom:1px solid #e6e6e6; margin-bottom:18px;}
.sectionTitle h4{line-height:38px; font-size:18px; color:#333333;}
.sectionTitle h4 span{margin-left:9px; font-size:14px; color:#808080; font-weight: normal; display: inline-block; vertical-align: middle; margin-top: 0px;}
.sectionTitle h4 span font{color:#e84245; padding:0 5px;}
.sectionTitle .tabTitle{margin-right:12px; margin-top:8px;}
.sectionTitle .smallSearch{margin-top:3px;}
.tabTitle{width:150px; overflow: hidden;}
.tabTitle a{display: block; float:left; width:38px; height:20px; line-height:20px; text-align: center; color:#666666; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-right:12px;}
.tabTitle a:hover{color:#e84245;}
.tabTitle a.on{background:#e84245; color:white;}
.smallSearch{width:263px; height:30px; line-height:28px;}
.smallSearch input{float: left; padding:0 10px; width:196px; height:28px; color:#1a1a1a; border:1px solid #dbdbdb; border-right:0;}
.smallSearch a{display:block; float: left; width:46px; height:30px; line-height:30px; text-align: center; background:#808080;}
.smallSearch a:hover{background:#6d6a6a;}
.smallSearch input::-webkit-input-placeholder{color:#999999;}
.smallSearch input::-moz-placeholder{color:#999999;}
.smallSearch input:-ms-input-placeholder{color:#999999;}
.labels{overflow: hidden; margin-bottom:0px;}
.labels span{display: block; float: left; height:20px; line-height:18px; padding-left:11px; padding-right:9px; background:#3377aa; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;
	color:white; margin-right:8px; margin-bottom:4px;}
.labels a{color:white; display: inline-block; font-size:12px;}
.labels .icon{margin-top:-2px;}

.container .con{padding:0 38px 33px 22px; background:white;}
.list1 li{padding:24px 0; border-bottom:1px solid #e6e6e6; overflow: hidden;}
.list1 li .video{width:240px; height:133px; position: relative; margin-right:20px;}
.list1 li .video img{display: block; width:100%; height:100%;object-fit: cover;}
.list1 li .video span{width:48px; height:48px; background:url(../img/player.png) no-repeat left top; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%); cursor: pointer;}
.list1 li .video p{position: absolute; left:0; bottom:0; height:32px; line-height:32px; padding-right:9px; color:white; font-size:12px; font-family: "微软雅黑"; background:url(../img/shade.png) no-repeat left top; left:0; right:0; text-align: right;}
.list1 li .msg h3{line-height:23px; font-weight: normal; margin-bottom:11px;}
.list1 li .msg h3 a{color:#4c4c4c; font-size:18px; display: block;}
.list1 li .msg h3 a:hover{color:#e7373a;}
.list1 li .msg .p1{line-height:20px; font-size:12px; color:#666666; font-family: "微软雅黑"; height:40px; overflow: hidden; margin-bottom:13px;}
.labelClick{ line-height:18px; min-height:28px; font-size:12px; color:#999999; margin-bottom:6px;}
.labelClick a{padding:0 5px; display: inline-block; background:#e6e6e6;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-right:4px; font-size:12px; color:#808080;}
.labelClick a:hover{background:#e7373a; color:white;}
.list1 li .msg .p2,.detailRight .panel .ul1 li .msg .p2{height:12px; line-height:12px; color:#808080; font-size:12px;}
.list1 li .msg .p2 span,.detailRight .panel .ul1 li .msg .p2 span{margin-right:10px;}
/* .list1 li .msg .p2 span:hover,.list1 li .msg .p2 span.on{color:#e7373a;}
.list1 li .msg .p2 span:hover .icon,.list1 li .msg .p2 span.on .icon{background-position-x:-20px;} */

/* .footer{background:#1a1a1a; padding-top:41px; padding-bottom:31px;}
.footer .p1{width:820px; line-height:35px; padding-top:12px; padding-bottom:8px; text-align: center; font-size:18px; color:#f5f5f5; margin:0 auto; background:rgba(255, 255, 255, .11); margin-bottom:45px;}
.footer .p1 font{color:#e7373a; padding:0 8px;}
.footer .p2{height:22px; line-height:22px; text-align: center; margin-bottom:50px;}
.footer .p2 a{color:#dcc7a7; margin:0 33px;}
.footer .p2 a:hover{color:#e7373a;}
.footer .p2 a:hover .icon{background-position-x:-20px;}
.footer hr{border:0; background:rgba(255, 255, 255, .1); height:1px; margin-bottom:28px;}
.footer .p3{line-height:24px; color:#626262; font-size:12px; text-align: center;} */
.footer{background:#1a1a1a; padding-top:30px; padding-bottom:25px;}
.footer h3{height:22px; line-height:22px; color:white; font-size:16px; font-weight: normal; opacity:.9; filter:alpha(opacity=90); margin-bottom:15px;}
.footer .div{border-right:1px solid white; border-right:1px solid rgba(255, 255, 255, .08);}
.footer .div1 a{display: block;padding-top: 0;padding-bottom: 20px;}
.footer .div1 p{line-height:24px; opacity:.62; filter:alpha(opacity=62); font-size:12px; color:white;}
.footer .div2 p,.footer .div3 a{line-height:36px; opacity:.62; filter:alpha(opacity=62); font-size:12px; color:white;}
.footer .div3 a{display: block;}
.footer .div3 a:hover{text-decoration: underline;}
.footer .div4{border:0;}
.footer .div4 ul{padding-top:6px;}
.footer .div4 ul li{float: left; width:118px; height:32px; line-height:32px; background:#000000; margin:6px 5px; position: relative;}
.footer .div4 ul li a{display: block; opacity:.6; filter:alpha(opacity=60); font-size:14px; color:white; text-align: center;}
.footer .div4 ul li.xxgg a,.footer .div4 ul li.zlhd a{color:#999 !important;}
.footer .div4 ul li:hover a{color:#e84346;}
.footer .div4 ul li div{position: absolute; width:320px; padding:27px 31px 29px 29px; background:white; box-shadow:0 0 46px 0 rgba(0, 0, 0, .06); -moz-box-shadow:0 0 46px 0 rgba(0, 0, 0, .06); -ms-box-shadow:0 0 46px 0 rgba(0, 0, 0, .06); -webkit-box-shadow:0 0 46px 0 rgba(0, 0, 0, .06);
	border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; left:50%; margin-left:-190px; bottom:52px; z-index: 5; display:none;}
.footer .div4 ul li div .icon{position: absolute; left:50%; margin-left:-11px; bottom:-13px;}
.footer .div4 ul li div h4{line-height:36px; margin-bottom:10px; font-size:22px; color:#333333; font-weight: normal;}
.footer .div4 ul li div p{line-height:36px; color:#333333; font-size:16px;}
.footer .div4 ul li div p span{color:#e7373a;}
.footer .div4 ul li:hover div{display: block;}
.footer .div1{width:371px;}
.footer .div2{width:255px; padding-left:63px;}
.footer .div3{width:200px; padding-left:47px; padding-right:11px;}
.footer .div4{padding-left:53px; padding-right:20px; width:256px;}


.pages{text-align: center; padding: 44px 0;}
.pages .pagination{float:none; vertical-align: middle;}
.pages .gopage{display: inline-block; height:34px; line-height:34px; vertical-align: middle; margin-left:10px;}
.pages .gopage input{margin:0 10px; height:33px; line-height:33px; width:50px; text-align: center;}
.light-theme a, .light-theme span{background:#fafafa;margin: 0 4px 0 0; font-size:12px; font-family: "Arial"; padding: 0 9px; line-height:31px !important;height: auto !important; border: 1px solid #ccc !important;border-radius: 2px !important;}
.light-theme .current{background:#4d4d4d; border:1px solid #4D4D4D;}



.videoDetail{overflow: hidden;}
.detailRight{width:320px;}
.detailLeft{width:930px;}
.detailLeft .videoTop{padding-bottom:17px; border-bottom:1px solid #e0e0e0; margin-bottom:21px;}
.detailLeft .videoBox{margin-bottom:17px;}
.detailLeft .videoTop .title{line-height:32px; font-size:24px; color:#1a1a1a; text-align: justify;}
.detailLeft .tool{padding-bottom:20px; border-bottom:1px solid #e0e0e0; margin-bottom:18px;}
.detailLeft .jianjie{padding:26px; background:white;}
.detailLeft .jianjie h3{line-height:26px; color:#666666; font-size:20px; margin-bottom:20px;}
.detailLeft .jianjie p{line-height:26px; color:#666666; text-align: justify;}

.tool p{display: inline-block; margin-right:30px; font-size:14px; color:#666666; font-family: "微软雅黑"; cursor: pointer;-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.tool .collected,.tool .dianzan.on{color:#e7373a;}
.tool .collected .icon,.tool .dianzan.on .icon,.tool .guanzhu.on .icon{background-position-x:-24px;}
.tool .dianzan span{display: inline-block; vertical-align: middle;}
.tool p.fr{margin-right:0;}
.tool p.fr a{display:inline-block; margin-left:10px; padding:0 9px; text-align: center; height:28px; line-height:28px; background:#e84245; color:white; font-size:14px; border-radius:28px; -webkit-border-radius:28px; -moz-border-radius:28px;
	-ms-border-radius:28px;}
.tool p.fr a:hover{background:#ec5153;}

.detailRight .panel{background:white; padding-top:18px; margin-bottom:17px;}
.detailRight .panel ul{padding:0 15px;}
.detailRight .panel h4{height:18px; line-height:18px; font-size:16px; color:#666666; padding-left:12px; border-left:4px solid #e84245; margin-bottom:16px;}
.detailRight .panel .ul1{max-height:481px; overflow-y: auto; position: relative;}
.detailRight .panel .ul1 li{padding-bottom:13px; margin-bottom:13px; border-bottom:1px solid #e6e6e6;}
.detailRight .panel .ul1 li a{display: block; overflow: hidden;}
.detailRight .panel .ul1 li .video{position: relative; width:126px; height:70px; line-height:70px; border:1px solid #e6e6e6;}
.detailRight .panel .ul1 li .video img{display: block; width:100%; height:100%;object-fit: cover;}
.detailRight .panel .ul1 li .video:after{content:""; width:30px; height:30px; background:url(../img/player.png) no-repeat left top; background-size:100%; position: absolute; left:50%; top:50%; margin-left:-15px; margin-top:-15px;}
.detailRight .panel .ul1 li .video p{position: absolute; left:0; right:0; color:white; bottom:0; padding-right:4px; font-size:12px; height:20px; line-height:20px; text-align: right;}
.detailRight .panel .ul1 li .msg{margin-left:138px;}
.detailRight .panel .ul1 li .msg .p1{line-height:18px; color:#4c4c4c; font-size:12px; height:36px; overflow: hidden; margin-bottom:20px;}
.detailRight .panel .ul1 li a:hover .msg .p1{color:#e7373a;}
.detailRight .panel .ul1 li.active .msg .p1{color:#e7373a;}

.detailRight .panel .ul2{padding-right:0;}
.detailRight .panel .ul2 li{float: left; margin-right:10px; width:140px; margin-bottom:12px;}
.detailRight .panel .ul2 li .img{height:86px; margin-bottom:4px; overflow: hidden;}
.detailRight .panel .ul2 li .img img,.xgBox .ul2 li .img img{display: block; width:100%;max-height: 100%;}
.detailRight .panel .ul2 li p,.xgBox .ul2 li p{line-height:16px; color:#4c4c4c; font-size:12px;}
.detailRight .panel .ul2 li:hover p,.xgBox .ul2 li:hover p{color:#e7373a;}

.detailRight .panel .ul3{padding-right:0;}
.detailRight .panel .ul3 li{float:left; width:138px; margin-right:11px; margin-bottom:10px;}
.detailRight .panel .ul3 li .zutu{width:130px; height:90px; padding:3px; border:1px solid #e6e6e6; margin-bottom:4px; position: relative;}
.detailRight .panel .ul3 li .zutu img{position: absolute;}
.detailRight .panel .ul3 li .zutu1{left:3px; top:3px; width:84px; height:90px;}
.detailRight .panel .ul3 li .zutu2{width:44px; height:44px; top:3px; right:3px;}
.detailRight .panel .ul3 li .zutu3{width:44px; height:44px; top:49px; right:3px;}
.detailRight .panel .ul3 li p{height:16px; line-height:16px; font-size:12px; color:#4c4c4c;}
.detailRight .panel .ul3 li:hover p{color:#e7373a;}

.detailRight .panel .ul4 li{padding-bottom:14px; border-bottom:1px solid #ebebeb; margin-bottom:12px;}
.detailRight .panel .ul4 li h3{height:18px; line-height:18px; font-size:14px; color:#3d3d3d; font-weight: normal; margin-bottom:10px;}
.detailRight .panel .ul4 li .img{width:100px; height:70px; line-height:70px; margin-right:14px; overflow: hidden;}
.detailRight .panel .ul4 li .img img{display: block; width:100%;}
.detailRight .panel .ul4 li p{line-height:20px; font-size:12px; color:#999999;  margin-top:-3px; max-height:58px; overflow: hidden;}
.detailRight .panel .ul4 li:hover h3{color:#e7373a !important;}

.list2 li{background:white; padding:13px 18px 13px 10px; margin-bottom:20px; transition:.35s; -webkit-transition:.35s; -moz-transition:.35s; -ms-transition:.35s; overflow: hidden;}
.list2 li:hover{box-shadow:0 3px 5px 0 rgba(8, 8, 8, .1);}
.list2 li .zutu{padding:8px; width:294px; height:168px; background:#f0f0f0; border:1px solid #e6e6e6; position: relative; margin-right:20px;}
.list2 li .zutu img{position: absolute;}
.list2 li .zutu .zutu1{left:8px; top:8px; width:208px; height:168px;}
.list2 li .zutu .zutu2{left:224px; top:8px; width:78px; height:80px;}
.list2 li .zutu .zutu3{left:224px; top:96px; width:78px; height:80px;}
.list2 li .msg{padding-top:10px;}
.list2 li h3{margin-bottom:12px;}
.list2 li h3 a{display: block; line-height:30px; font-size:24px; color:#333333; font-weight: normal; max-height:58px;}
.list2 li h3 a:hover{color:#e7373a;}
.list2 li .p1{line-height:24px; color:#808080; overflow: hidden; height:72px; margin-bottom:32px; padding-right:14px;}
.list2 li .visitsNum{height:22px; line-height:22px; color:#808080; margin-right:13px;}
.list2 li .visitsNum span{color:#3377aa;}
.list2 li .collect{padding:0 6px; height:20px; line-height:20px; border:1px solid #e6e6e6; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; font-size:12px; color:#999999; text-align: center; cursor: pointer;}
.list2 li .collected .icon{background-position-y:-40px;}
.list2 li .collected{color:#e7373a; border:1px solid #e7373a;}
.list2 li .labelClick{margin-bottom:0;}

.list3{margin:0 -6px; overflow: hidden;}
.list3 li{float:left; margin:0 6px; margin-bottom:12px; background:white; border:1px solid #e5e5e5; padding:19px 14px 16px 16px; width:308px; position: relative; transition:.35s; -webkit-transition:.35s; -moz-transition:.35s; -ms-transition:.35s;}
.list3 li:hover .labelClick a:hover,.brand_list .item:hover .labelClick a:hover{background:#e7373a;}
.list3 li h3 a{display: block; padding-right:56px; height:26px; line-height:26px; font-size:18px; color:#333333; margin-bottom:8px;}
.list3 li h3 a:hover{color:#e7373a;}
.list3 li .p1{line-height:21px; height:42px; color:#999999; font-size:12px; margin-bottom:7px;}
.list3 li .zutu{position: relative; height:157px;}
.list3 li .zutu img{position: absolute;}
.list3 li .zutu .zutu1{width:220px; height:157px; top:0; left:0;}
.list3 li .zutu .zutu2{width:80px; height:74px; top:0; left:228px;}
.list3 li .zutu .zutu3{width:80px; height:74px; top:82px; left:228px;}
.list3 li .num{line-height:26px; top:19px; right:11px; color:#999999; font-family: "微软雅黑"; position: absolute;}
.list3 li .tool2{position: absolute; left:24px; bottom:20px;}
.list3 li:hover{box-shadow:0 0 5px 0 rgba(0,0,0,.2); -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.2); -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.2); -ms-box-shadow:0 0 5px 0 rgba(0,0,0,.2);
	transform: translate3d(0,-4px,0); -webkit-transform: translate3d(0,-4px,0); -moz-transform: translate3d(0,-4px,0); -ms-transform: translate3d(0,-4px,0);}
.list3 li:hover .tool2{display: block;}

.brand_list{width:100%; position: relative; width:1070px;}
.brand_list .item>div{padding:8px; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; border:1px solid #e6e6e6; background:white;}
.brand_list .item{width:240px; top:0; left:40%;padding-bottom:0; position: absolute; }
.brand_list .item>div:hover{
	box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
	-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
	-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
	-ms-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
	transform: translate3d(0,-4px,0);
	-webkit-transform: translate3d(0,-4px,0);
	-moz-transform: translate3d(0,-4px,0);
	-ms-transform: translate3d(0,-4px,0);}
.brand_list .item>div:hover .tool2{display: block;}
.brand_list .item .picture{min-height:1rem; margin-bottom:15px;}
.brand_list .item .picture img{max-width:100%; display: block; margin:0 auto;}
.brand_list .item h3 {margin-bottom:8px;}
.brand_list .item h3 a{line-height:22px; font-size:16px; color:#333333; max-height: 40px; overflow: hidden; display: block; display: -webkit-box;}
.brand_list .item h3 font{color:#e84245;}
.brand_list .item>div h3 a:hover{color:#e84245;}
.brand_list .item .p1{line-height:21px; margin-bottom:16px; font-size:12px; color:#999999; max-height: 40px; overflow:hidden;}
.brand_list .item .tool2{position: absolute; top:16px; right:16px;}


.tool2{width:32px;}
.tool2 p{margin-bottom:5px; width:32px; height:32px; background:rgba(0,0,0,.63); text-align: center; line-height:32px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; cursor: pointer;}
.tool2 .collected .icon,.tool2 .dianzan.on .icon{background-position-x:-61px;}


.zutuContainer .location{margin-bottom:21px;}
.zutuContainer .smallSearch{ margin-bottom:20px;}
.list4{margin:0 -15px;}
.list4 li{margin:0 12px; margin-bottom:20px; width:374px; padding: 19px 19px 17px 17px;}
.list4 li .p1{padding-right:13px;}
.list4 li .zutu{height:184px;}
.list4 li .zutu .zutu1{width:186px; height:184px;}
.list4 li .zutu .zutu2{width:90px; height:90px; left:190px; top:0;}
.list4 li .zutu .zutu3{width:90px; height:90px; right:0; top:0; left:auto;}
.list4 li .zutu .zutu4{width:90px; height:90px; left:190px; top:94px;}
.list4 li .zutu .zutu5{width:90px; height:90px; right:0; top:94px;}

.zutuDetail h2{line-height:57px; color:#333333; font-size:24px; font-weight: normal; border-bottom:1px solid #e6e6e6; margin-bottom:18px;}
.zutuDetail .jianjie{background:white; margin-bottom:11px; margin-top:-7px; text-align: justify;}
.zutuDetail .jianjie p{line-height:30px; font-size:14px; color:#666666; padding:19px 38px 23px 26px;}
.zutuDetail .brand_list{margin-bottom:30px; width:1298px;}
.zutuDetail .brand_list .item{width:306px;}


.widAmend .list4 li{
	width: 295px;
}
.widAmend .list4 li .zutu{
	height: 145px;
}
.widAmend .list4 li .zutu .zutu1 {
	width: 147px;
	height: 145px;
}
.widAmend .list4 li .zutu .zutu2 {
	width: 70px;
	height: 70px;
	left: 152px;
	top: 0;
}
.widAmend .list4 li .zutu .zutu3 {
	width: 70px;
	height: 70px;
	right: 0;
	top: 0;
	left: auto;
}
.widAmend .list4 li .zutu .zutu4 {
	width: 70px;
	height: 70px;
	left: 151px;
	top: 75px;
}
.widAmend .list4 li .zutu .zutu5 {
	width: 70px;
	height: 70px;
	right: 0;
	top: 75px;
}

.tsHistory .tabTitle{margin-top:6px;}
.list5{margin-bottom:26px; margin-top:18px; height:330px; overflow:hidden;}
.list5 li{float:left; margin-right:9px; width:134px; height:330px; position: relative; overflow: hidden;}
.list5 li:before{content:""; width:100%; height:100%; left:0; top:0; position: absolute; left:0; top:0; background:#3377aa; opacity:.42; filter:alpha(opacity=42); z-index:2; cursor: pointer;}
.list5 li:last-of-type{margin-right:0;}
.list5 li a{display: flex;align-items: center; width:564px; height:100%; position: relative;}
.list5 li img{width:100%; opacity:.45; filter:alpha(opacity=45);}
.list5 li div{position: absolute; left:0; right:0; bottom:0; padding:18px 30px 11px 23px; background:rgba(27,27,27,.66); color:white;  opacity:0; filter:alpha(opacity=0);}
.list5 li div .p1{line-height:28px; font-size:20px; font: normal; margin-bottom:5px; max-height:26px; overflow: hidden;}
.list5 li div .p2{line-height:22px; font-size:12px; max-height:42px; overflow: hidden;}
.list5 li a:hover .p1{color:#e84245;}
.list5 li.on{width:564px;}
.list5 li.on:before{display: none;}
.list5 li.on img{opacity:1; filter:alpha(opacity=100);}
.list5 li.on div{opacity:1; filter:alpha(opacity=100);}


.sideBar{background:white; width:266px; padding:26px 15px 120px 19px;}
.sideBar .smallSearch{height:32px; width:266px; line-height:30px; margin-bottom:17px;}
.sideBar .smallSearch a{width:54px; height:32px; line-height:32px;}
.sideBar .smallSearch input{width:191px; height:30px;}
.sideBar .concern{padding-right:6px; margin-bottom:14px;}
.sideBar .concern h3{height:45px; line-height:45px; padding-bottom:1px; background:url(../img/border.jpg) repeat-x left bottom; font-size:14px; color:#333333; overflow: hidden; margin-bottom:14px;}
.sideBar .concern h3 span{color:#999999; font-weight: normal; cursor: pointer;}
.sideBar .concern h3 span:hover{color:#e84245;}
.sideBar .concern h3 span:hover .icon{background-position-y:-76px;}
.sideBar .concern ul li{float: left; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-right:10px; margin-bottom:10px; position: relative;}
.sideBar .concern ul li a{display: block; padding:0 13px; height:24px; line-height:24px; color:#3377aa; background:#f5f5f5; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.sideBar .concern ul li a:hover,.sideBar .concern ul li a.on{color:white; background:#3d3d3d;}
.sideBar .concern ul li span{position: absolute; left:0; top:0; width:100%; height:100%; text-align: right; display: none;}
.sideBar .concern ul li span .icon{vertical-align: top; margin-top:-2px; margin-right:-2px; cursor: pointer;}
.sideBar .concern ul li span .icon:hover{background-position-y:-110px;}
.sideBar .concern ul.editing li span{display: block;}

.focusCon{position: relative; width:978px;}
.focusCon .item{width:300px;  top:0; left:40%; position: absolute;}
.focusCon .item>div{background:white; padding-bottom:10px; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s;}
.focusCon .item .entry{position: absolute; left:10px; top:10px; overflow: hidden;}
.focusCon .item .entry a{display: block; float: left; height:20px; line-height:18px; border:1px solid white; background:rgba(27,27,27,.38); font-size:12px; color:white; margin-right:4px; margin-bottom:4px; padding:0 12px;
	border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px;}
.focusCon .item .entry a:hover{color:#e84245; background:rgba(27,27,27,.7);}
.focusCon .item .tool2{position: absolute; right:10px; top:10px;}
.focusCon .item .picture{min-height:100px; margin-bottom:8px;}
.focusCon .item .picture img{display: block; max-width:100%; margin:0 auto;}
.focusCon .item .p1{line-height: 19px; font-size:12px; padding-left:14px; padding-right:26px;}
.focusCon .item .p1 a{color:#4c4c4c;}
.focusCon .item>div:hover{background:#333333;box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);  -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);  -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);  -ms-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);
	transform: translate3d(0,-4px,0); -webkit-transform: translate3d(0,-4px,0); -moz-transform: translate3d(0,-4px,0); -ms-transform: translate3d(0,-4px,0);}
.focusCon .item>div:hover .p1 a{color:white;}
.focusCon .item>div:hover .tool2{display: block;}

.indexBody{background:white;}
.indexBody .header{margin-bottom:20px;}
.banner{height:480px; position: relative; margin-bottom:20px;}
.banner .searchBar{position: absolute; left:50%; top:50%; margin-left:-386px; margin-top:-24px; z-index:3; background:none; padding:0; height:52px; border:0;}
.banner .search1 .jsbtn{width:94px; height:52px; line-height:52px;}
.banner .search1>div{height:52px; line-height:52px;}
.banner .search1 input{height:52px; width:548px;}
.banner .tiname ul{top:52px;}
.banner .swiper-container{height:480px; width:100%;}
.banner .swiper-slide{position: relative; width:100%;}
.banner .swiper-slide a{display: block; height:480px; width:100%;}
.banner .swiper-slide img{display: block; width:100%; height:100%;}
.banner .swiper-slide p{position:absolute;left:0; right:0; bottom:0; padding-left:21px; padding-right:96px; height:44px; line-height:44px; background:rgba(0,0,0,.64); color:white; font-size:16px;}
.banner .swiper-slide p span{font-size:14px; margin-left:13px;}
.banner .pagination{position: absolute; bottom:0; right:0; width:96px; height:44px; line-height:44px; text-align: center; }
.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #ffe4a2;
	margin: 0 5px;
	background:rgba(255, 255, 255, .26);
	border:1px solid rgba(255, 255, 255, .47);
	cursor: pointer;
}
.swiper-active-switch {
	background:white;
	border:1px solid white;
}

img:hover{box-shadow: none !important;}

.sameH2{height:64px; line-height:64px; overflow: hidden; font-size:24px; color:#333333; font-weight: normal;}
.sameH2>a{float: right; font-size:14px; color:#808080;}
.sameH2>a:hover{color:#e84245;}
.sameH2 p{display: inline-block; margin-left:30px; margin-top:-5px; vertical-align:middle;}
.sameH2 p a{display: inline-block; margin:0 5px; font-size:14px; color:#808080;}
.sameH2 p a:hover{color:#e84245;}

.tsPanel{padding-top:31px; padding-bottom:71px;}
.tsPanel .sameH2{margin-bottom:25px;}
.tsPanel .main{position: relative;}
.tsPanel .main .arrow-left,.tsPanel .main .arrow-right{position: absolute; top:50%; margin-top:-12px;}
.tsPanel .main .arrow-left{left:0;}
.tsPanel .main .arrow-right{right:0;}
.tsPanel .main .arrow-left:hover .btnicon,.tsPanel .main .arrow-right:hover .btnicon{background-position-y:-75px;}
.tsPanel .main .swiper-container{width:992px; height:298px; background:#f0f0f0;}
.tsPanel .main .swiper-container .swiper-slide{padding:30px 58px 30px 38px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box;}
.tsPanel .main .swiper-container .swiper-slide a{display: block; overflow: hidden;}
.tsPanel .main .swiper-container .swiper-slide .img{width:384px; height:238px; margin-right:38px;}
.tsPanel .main .swiper-container .swiper-slide .img img{display: block; width:100%;}
.tsPanel .main .swiper-container .swiper-slide .msg h4{padding-top:11px; line-height:30px; font-size:24px; color:#1a1a1a; max-height:58px; overflow: hidden; margin-bottom:24px;}
.tsPanel .main .swiper-container .swiper-slide .msg p{line-height:25px; color:#666666;}
.tsPanel .main .swiper-container .swiper-slide:hover .msg h4{color:#e84245;}

.zutuPanel{padding-top:15px; background:#f7f7f7;}
.zutuPanel ul{margin:0 -15px; margin-bottom:12px;}
.zutuPanel ul li{float:left; width:404px; height:276px; margin:0 15px; margin-bottom:26px; position: relative; border:1px solid #ebebeb;}
.zutuPanel ul li a{display: block; height:100%; overflow: hidden;}
.zutuPanel ul li img{display: block; width:100%; height:100%;object-fit: cover; -o-object-fit: cover;}
.zutuPanel ul li p{position: absolute; left:50%; top:50%; width:216px; padding:20px 5px; text-align: center; margin-left:-108px;  background:rgba(0,0,0,.44); box-shadow:0 0 13px 0 rgba(174,174,174,.47); -webkit-box-shadow:0 0 13px 0 rgba(174,174,174,.47);
	-moz-box-shadow:0 0 13px 0 rgba(174,174,174,.47); -ms-box-shadow:0 0 13px 0 rgba(174,174,174,.47); color:white; font-size:16px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}
.zutuPanel ul li p span{display: inline-block; max-width:110px; vertical-align: middle; margin-top:-3px;}
.zutuPanel ul li:hover p{color:#e84245; background:rgba(0,0,0,.66);}
.zutuPanel ul li:hover p .icon{background-position-x:-61px;}
.zutuPanel ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}

.select_follow{background:white; padding-top:42px; padding-bottom:22px;}
.select_follow .main>h2{height:50px; line-height:47px; overflow: hidden; margin-bottom:15px;}
.select_follow .main>h2 a{font-size:14px; color:#808080; font-weight: normal;}
.select_follow .main>h2 a:hover{color:#e84245;}
.select_follow .main>h2 p span{margin-right:35px; display:inline-block; font-weight: normal; font-size:22px; color:#808080; cursor: pointer;}
.select_follow .main>h2 p span.active{color:#333333; font-size:24px; border-bottom:4px solid #e7373a;}
.select_follow ul{padding-right:350px; position: relative;}
.select_follow ul li{float:left; width:290px; height:204px; border:1px solid #ebebeb; margin-right:17px; margin-bottom:18px; overflow: hidden; position: relative;}
.select_follow ul li a{display: block; width:100%; height:100%;}
.select_follow ul li img{display: block; width:100%; height:100%;object-fit: cover;}
.select_follow ul li:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.select_follow ul li.last{position: absolute; right:0; top:0; width:348px; height:428px;margin-right: 0;}
.select_follow ul li span{position: absolute; right:10px; top:10px; padding:0 10px; height:20px; line-height:20px; text-align:center; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; font-size:12px; color:#e7d572;
	background:#000000;}
.select_follow ul li p{position: absolute; left:0; right:0; bottom:0; height:32px; line-height:32px; padding:0 11px; color:white; background:rgba(0, 0, 0, .7); z-index:1;}
.select_follow ul li:hover p{color:#e84245;}

.video_photo{padding-top:19px; padding-bottom:48px; background:#f7f7f7;}
.topPictures{width:350px; }
.topPictures ul{padding:8px 15px 13px 15px; background:#F7F7F7;height: 470px;overflow: hidden}
.topPictures ul li{padding:12px 0; border-bottom:1px solid #eeeeee; position: relative; overflow: hidden;}
.topPictures ul li:last-of-type{border:0;}
.topPictures ul li a{display: block; padding-left:26px;}
.topPictures ul li .img{width:92px; height:74px; margin-right:14px; overflow: hidden;}
.topPictures ul li .img img{display: block; width:100%; height:100%;object-fit: cover;}
.topPictures ul li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.topPictures ul li p{margin-top:-3px; line-height:25px; color:#4c4c4c; max-height:73px; overflow: hidden;}
.topPictures ul li span{position: absolute; left:0; top:12px; height:20px; line-height:20px; width:16px; text-align: center; background:#b3b3b3; color:white; font-family: "Arial"; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px;}
.topPictures ul li:first-of-type span{background:#e84245;}
.topPictures ul li:hover p{color:#e84245;}
.topPictures .pictureBrief{
	font-size: 12px;
	line-height: 20px;
	color: #999999;
	margin-top: 5px;
}

.video_list{width:866px; position: relative; height:515px;}
.video_list .arrow-left,.video_list .arrow-right{position: absolute; width:63px; height:246px; line-height:246px; top:50%; margin-top:-100px; z-index:2;}
.video_list .arrow-left:hover .btnicon,.video_list .arrow-right:hover .btnicon{background-position-y:-127px;}
.video_list .arrow-left{left:0; background:url(../img/left.png) no-repeat left top;}
.video_list .arrow-right{right:0; background:url(../img/right.png) no-repeat left top;}
.video_list .swiper-container{height:100%;}
.video_list .swiper-container .swiper-slide{overflow: hidden;}
.video_list .swiper-container .swiper-slide a{display:block; float:left; margin-right:43px; width:260px; height:240px; margin-bottom:19px;}
.video_list .swiper-container .swiper-slide .video{position: relative; height:145px; margin-bottom:7px;}
.video_list .swiper-container .swiper-slide .video img{width:100%; height:100%;object-fit: cover;}
.video_list .swiper-container .swiper-slide .video:after{content:""; width:48px; height:48px; background:url(../img/player.png) no-repeat left top; background-size:100%; position: absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px;}
.video_list .swiper-container .swiper-slide .video span{position: absolute; right:7px; bottom:7px; height:11px; line-height:11px; color:white; font-size:12px; font-family: "微软雅黑";}
.video_list .swiper-container .swiper-slide .p1{line-height:28px; color:#333333;}
.video_list .swiper-container .swiper-slide .p2{line-height:20px; font-size:12px; color:#999999; max-height:58px; overflow: hidden;}
.video_list .swiper-container .swiper-slide a:nth-of-type(3n){margin-right:0;}
.video_list .swiper-container .swiper-slide a:hover .p1{color:#e84245;}
.video_list .swiper-container .swiper-slide a:hover .video{box-shadow: 0 4px 12px 0 rgba(0,0,0,.4);  -webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.4);  -moz-box-shadow: 0 4px 12px 0 rgba(0,0,0,.4);  -ms-box-shadow: 0 4px 12px 0 rgba(0,0,0,.4);}

.module{padding-bottom:21px;}
.module .news{width:862px;}
.module .news ul li{float: left; width:274px;}
.module .news ul li.middle{margin:0 20px; }
.module .news ul li.middle a{height:425px; margin-bottom:0;}
.module .news ul li a{display: block; width:100%; height:100%;height:202px; margin-bottom:21px; position: relative; overflow: hidden;}
.module .news ul li img{display: block; width:100%; height:100%;}
.module .news ul li p{position: absolute; left:0; right:0; padding-left:9px; height:32px; line-height:32px; background:rgba(3,3,3,.7); bottom:0; color:white;}
.module .news ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}
.module .news ul li a:hover p{color:#e84245;}
.module .right{width:380px; padding-top:24px;}
.module .news .barterImg{
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 5px;
}
.module .news .likeList li{
	margin-right: 17px;
}
.module .news .likeList li:nth-child(3n){
	margin-right: 0;
}
.loginDiv{margin-bottom:85px;}
.login_1{box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); -webkit-box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); -moz-box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); -ms-box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); padding:14px 26px 18px 26px;
	overflow: hidden;}
.login_1 .loginPhoto{width:74px; height:74px; margin-right:19px;}
.login_1 .loginPhoto img{display: block;width:74px; height:74px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%;}
.login_1 .userName{line-height:23px; color:#808080; margin-bottom:16px;}
.login_1.Logged .userName{color:#333333; font-size:16px; line-height:24px; padding-top:4px; margin-bottom:11px;}
.btn_1 a{min-width:58px; text-align: center; height:28px; line-height:28px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; color:white; padding:0 7px; display: block; float:left;}
.btn_1 .a1{background:#e7373a; margin-right:8px;}
.btn_1 .a2{background:#004486;}
.btn_1 .a1:hover{background:#d42124;}
.btn_1 .a2:hover{background:#073663;}
.btn_2 a{min-width:58px; text-align: center; height:28px; line-height:28px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; color:#808080; padding:0 7px; display: block; float:left; background:#f7f7f7; border:1px solid #e6e6e6; margin-right:8px;}
.btn_2 a:hover{background:#d42124; border:1px solid #d42124; color:white;}
.login_2{box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); -webkit-box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); -moz-box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); -ms-box-shadow:0 0 13px 0 rgba(174, 174, 174, .2); padding:4px 24px 13px 21px;
	overflow: hidden;}
.login_2 .jigou{border-bottom:1px solid #e6e6e6; height:42px; line-height:42px; overflow: hidden;}
.login_2 .jigou img{margin-left:6px; margin-right:13px; display: inline-block; vertical-align: middle;}
.login_2 .jigou p{display: inline-block; vertical-align: middle; color:#808080; width:67%;}
.login_2 .jigou p span{color:#333333;}
.login_2 .jigou p font{color:#3377aa; margin-left:8px;}
.login_2 .jigou .btn_2{width:18%;}
.login_2 .geren{padding-top:10px;}
.login_2 .geren .loginPhoto{width:36px; height:36px; margin-right:8px;}
.login_2 .geren .loginPhoto img{width:36px; height:36px; display:block; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%;}
.login_2 .geren .userName{width:138px; padding-top:3px; height:33px; line-height:33px; color:#999999; margin-right:14px;}
.login_2 .btn_1{margin-top:6px;line-height: 24px;}
.login_2 .btn_1 a{min-width:auto; width:46px; height:24px; line-height:24px; padding:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; margin-right:6px;}
.login_2 .btn_1 .a2{width:44px; height:22px; line-height:22px; border:1px solid #e6e6e6; background:#f7f7f7; color:#808080;}

.login_2.Logged .geren .userName{width:154px; color:#333333;}
.login_2.Logged .btn_2{margin-right:-9px; margin-top:6px;}
.login_2.Logged .btn_2 a{min-width:28px; height:22px; line-height:22px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px;}
.login_2.Logged .jigou .btn_2{margin-top:10px;}

.login_2.carsiLogged .geren{border-bottom:1px solid #e6e6e6; color:#808080;    padding-bottom: 10px; padding-left:9px;}
.login_2.carsiLogged .jigou{border:0;font-size:16px; color:#808080;}
.login_2.carsiLogged .jigou img{margin-left:6px; margin-right:10px; margin-top:-3px;}
.login_2.carsiLogged .jigou .btn_2{margin-top:9px;}
.login_2.carsiLogged .jigou .btn_2 a{padding:0; width:56px; height:26px; line-height:26px; color:#808080; font-size:14px;}
.login_2.carsiLogged .jigou .btn_2 a:hover{color:white;}

.historyToday{height:274px; background:#ebf3f7; position: relative;}
.historyToday .swiper-container{height:332px; position: absolute; top:-58px; left:13px; right:33px;}
.historyToday .swiper-slide{width:100%;}
.historyToday .swiper-slide .picture{width:254px; height:164px; margin-bottom:52px; margin-top:28px; overflow: hidden;}
.historyToday .swiper-slide .picture img{display: block; height:100%; margin:0 auto;}
.historyToday .swiper-slide .desc{line-height:24px; color:#333333; max-height:70px; overflow: hidden;}
.historyToday .date{position: absolute; left:17px; bottom:104px; text-align: left; font-size:16px; color:#4c4c4c; height:18px; line-height:18px; z-index:5;}
.historyToday .date span{display: inline-block; margin:0 7px; vertical-align: middle;}
.historyToday .date a{width:18px; height:18px; background:white; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; display: inline-block; vertical-align: middle; text-align: center; line-height:18px;}
.historyToday .date a:hover{background:#e84346;}
.historyToday .date a:hover .icon{background-position-y:-141px;}
.historyToday .today{width:62px; height:156px; border:1px solid #999999; background:white; overflow: hidden;}
.historyToday .today p{line-height:156px; float:left; text-align: center;}
.historyToday .today p font{line-height: normal; vertical-align: middle; display:inline-block;}
.historyToday .today .p1{width:22px; font-size:12px; color:#4c4c4c; font-weight:bold; border-right:1px solid #999999;}
.historyToday .today .p1 font{line-height: 1.1;}
.historyToday .today .p2{font-size:20px; color:#1a1a1a; width:29px; padding:0 5px;}

.tsDetail{padding-bottom:50px;}
.tsDetail .tsLeft{width:832px; padding:50px; padding-bottom:0; background:white;}
.tsDetail .tsLeft .tsTop{border-bottom:1px solid #e6e6e6; margin-bottom:17px;}
.tsDetail .tsLeft .tsTop h1{line-height:38px; font-size:28px; color:#292929; font-family: "Adobe 黑体 Std"; font-weight: normal; margin-bottom:9px;}
.tsDetail .tsLeft .tsTop .info{height:27px; line-height:27px; margin-bottom:9px;}
.tsDetail .tsLeft .tsTop .info .p1{color:#999999; margin-right:20px; font-family: "Adobe 黑体 Std";}
.tsDetail .tsLeft .tsTop .info .p1 span{color:#3377aa;}
.tsDetail .tsLeft .tsTop .info .collect{color:#999999; cursor: pointer;}
.tsDetail .tsLeft .tsTop .info .collected{color:#d42124;}
.tsDetail .tsLeft .tsTop .info .collected .icon{background-position-x:-69px;}
.tsDetail .tsLeft .desc p{line-height:30px; color:#4c4c4c; margin-bottom:29px; text-indent:2em;}
.tsDetail .tsLeft center{background:#f5f5f5; padding-bottom:28px; margin-bottom:21px; padding-top:20px;}

.tsDetail .detailRight{width:320px;}
.tsDetail .detailRight>div:first-of-type{background:white; padding:32px 13px 11px 15px;}
.tsDetail .detailRight .smallSearch{margin:0 auto; width:292px;}
.tsDetail .detailRight .smallSearch input{height:30px; width:217px;}
.tsDetail .detailRight .smallSearch a{width:54px; height:32px; line-height:32px;}
.tsDetail .detailRight .panel .ul4 li h3{color:#333;}
.ad-gallery .ad-image-wrapper{height:374px;}

.picDetail{padding-bottom:50px;}
.picDetail .picLeft{width:929px; float:left;}
.picDetail .picInfo{background:white; padding:27px 49px 31px 31px; position: relative;}
.picDetail .picInfo .ewm{width:150px; height:150px; padding:2px; border:1px solid #e6e6e6; position: absolute; top:20px; right:20px;}
.picDetail .picInfo .ewm img{display: block; width:100%; height:100%;}
.picDetail .picInfo h3{padding-left:7px; border-left:4px solid #e84245; font-size:16px; color:#666666; height:18px; line-height:18px; margin-bottom:16px;}
.picDetail .picInfo h4{line-height:26px; color:#333333; font-size:20px; margin-bottom:14px; padding-right:100px;}
.picDetail .picInfo table{width:90%;}
.picDetail .picInfo table td{font-size:16px; color:#999999; line-height:18px; padding:4px 0; vertical-align: top;}
.picDetail .picInfo table td span,.picDetail .picInfo table td a{color:#4c4c4c;}
.picDetail .picInfo table td span{display: inline-block; /* width:162px; */ vertical-align: text-top;}
.picDetail .picInfo .ytxinxi{padding-bottom:17px; border-bottom:1px solid #e6e6e6; margin-bottom:21px;}
.picDetail .picInfo .tupiansm p{line-height:26px; color:#666666; font-size:16px;}
.picDetail .picInfo .labelClick{padding-right:100px;}
.small_box{ float: left; margin-right:20px;}
.small_list{ height:512px; overflow: hidden; position: relative;}
.small_list li{height:66px; width:66px; background:#fff; margin-bottom:6px; text-align: center; line-height:66px; position: relative; border:1px solid #e0e0e0;}
.small_list li img{max-width:100%; max-height:100%; vertical-align: middle; margin-top:-3px;}
.small_list li.on:before{content:""; display: block; width:64px; height:64px; border:2px solid #ba1818; position: absolute; left:-1px; top:-1px; z-index:10}
.small_box .btn{display: block; height:23px; cursor: pointer; text-align: center;}
.small_box .btn .icon{vertical-align: top;}
.small_box .btn.right_btn .icon{vertical-align: bottom;}
.large_box ul li{display: none; height:100%;position: relative;}
.large_box ul li.active{display: block;}
#myimage{display: block;position: absolute; cursor: move; }
.large_box ul{overflow: hidden;height:100%;}
.picDetail .large_box{
	margin-bottom: 20px;
}
.picDetail .tool{clear: both;text-align: center; margin-bottom: 20px;}
.picDetail .tool a{
	display: inline-block; width:38px; height:38px; line-height:38px; text-align:center; background:white; border:1px solid #dbdbdb;
	position: relative;
}
.picDetail .tool a span{
	position: absolute;
	left: 4px;
	top: 34px;
	color: #333333;
}
.picDetail .tool a:hover{
	border: 1px solid #e84245;
}
.picDetail .tool a:hover span{
	color: #e84245;
}
.picDetail .tool .collected .icon{background-position:-20px -256px;}
.picDetail .tool .dianzan.on .icon{background-position:-20px -231px;}
.picDetail .tool font{display: none;}
.pictureBox{margin-bottom:24px;}
.large_box{width:780px; height:558px; overflow: hidden;}
.bigPicture{margin:0 auto; text-align: center; height:90%; margin-top:5px; margin-bottom:5px; position: relative; overflow: hidden;}
#myimage2{position:absolute; cursor: move;}
.mask{position: fixed; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:11; left:0; top:0;
	overflow-y: auto; display: none;filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8000000, endcolorstr=#c8000000);}
.mask .close{position: absolute; right:10px; top:10px; color:white; font-size:40px; cursor: pointer; z-index:5;}
.mask>a{position: absolute; top:50%; margin-top:-24px;}
.mask .prev{left:20px;}
.mask .next{right:20px;}
.mask .tool3{background:none;}
.mask .tool3 .zoom{width:150px; margin:0 auto;}
.tool3{background:white; padding:9px 19px 8px 14px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.tool3>p{background:#e6e6e6; height:28px; line-height:28px; margin-right:14px; padding:0 7px 0 10px;
	border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor: pointer; font-size:12px; color:#333333;
	font-weight: bold;position: relative;behavior: url(PIE.htc);}
.tool3 .share{position: relative; height:28px; line-height:28px;}
.tool3 .share p{color:#808080; font-size:12px; font-weight:bold; cursor: pointer;}
.bdsharebuttonbox{position: absolute; right:-124px; width:115px; top:0; display: none; padding-left:10px;}
.tool3 .share:hover .bdsharebuttonbox{display: block;}
.pictureList.on{color:#ba1818;}
.pictureList.on .tpicon{background-position-x: -17px;}
.tool3 .zoom{padding:0;}
.zoom span{display: inline-block; width:58px; text-align: center; font-size:16px;}
.picDetail .tool .breviary{
	position: absolute;
	right: 39px;
	top: -70px;
	background: #ffffff;
	width: 200px;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 3px;
	z-index: 99;
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.18);
	align-items: center;
	justify-content: center;
	display: none;
}
.picDetail .tool .breviary img{
	max-width: 100%;
	max-height: 100%;
}
.picDetail .tool .breviaryPre:hover .breviary{
	display: flex;
}








/* 历史今日 */
.lsjrCon{padding-bottom:66px;}
.lsjrLeft{background:white; padding:30px 51px 33px 37px; box-shadow:0px 0px 5px 0 rgba(0, 0, 0, .11); -webkit-box-shadow:0px 0px 5px 0 rgba(0, 0, 0, .11); -moz-box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .11); -ms-box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .11);
	width:752px;}
.lsjrLeft .lsjr{width:156px; height:65px; border:1px solid #999999; text-align: center; margin-right:20px;}
.lsjrLeft .lsjr span{display: block;}
.lsjrLeft .lsjr .span1{height:42px; line-height:42px; color:#1a1a1a; font-size:22px; letter-spacing:8px; border-bottom:1px solid #999999;}
.lsjrLeft .lsjr .span2{height:22px; line-height:22px; font-size:12px; color:#4c4c4c; font-weight: bold;}
.lsjrLeft .top{position: relative; margin-bottom:30px;}
.lsjrLeft .top h2{font-weight: normal; border-bottom:1px solid #e6e6e6; margin-left:178px; padding-top:14px; padding-bottom:22px; line-height:30px;}
.lsjrLeft .top .lsjr{position: absolute; left:0; top:50%; margin-top:-34px;}
.lsjrLeft .content p{line-height:32px; font-size:16px; color:#4c4c4c; margin-bottom:24px; text-indent: 2em;text-align: justify;}
.lsjrLeft .content img{display: block; max-width:100%; margin:0 auto; margin-bottom:24px;}
.lsjrRight{width:406px;}
.lsjrRight .things h3{height:24px; line-height:24px; font-size:18px; color:#333333; font-weight: normal; margin-bottom:26px;}
.lsjrRight .things ul{border-left:1px solid #999999; margin-left:12px; position: relative; padding-bottom:27px; padding-top:11px;}
.lsjrRight .things ul:before,.lsjrRight .things ul:after{content:""; width:11px; height:11px; background:url(../img/dian2.png) no-repeat center center; position: absolute; left:-6px;}
.lsjrRight .things ul:before{top:-11px;}
.lsjrRight .things ul:after{bottom:-11px;}
.lsjrRight .things ul li{line-height:22px; margin-bottom:14px; margin-left:-6px;}
.lsjrRight .things ul li a{display: block; padding-left:22px; color:#4c4c4c; font-family: "微软雅黑"; background:url(../img/dian.png) no-repeat left 5px;}
.lsjrRight .things ul li a:hover,.lsjrRight .things ul li.on a{background:url(../img/jiantou.png) no-repeat left 2px;}
.month{background:#f5f5f5; height:31px; line-height:31px; overflow: hidden;}
.month select{height:28px;line-height:28px;font-size:20px;width:75px;color:#4c4c4c;background:white;border:0;vertical-align:middle;cursor:pointer; float: left;margin-top:1px; outline: none; text-align:center;}
.month a{width:28px;height:30px;line-height:30px; text-align:center;vertical-align:middle; display: inline-block;}
.month .prev{background:#fafafa url(../img/prev.png) no-repeat center center; float: left;}
.month .next{background:#fafafa url(../img/next.png) no-repeat center center; float: left;}
.year-month{margin-bottom:25px;}
.year-month div{display:inline-block;vertical-align:middle;}
.year{margin-right:20px;}
.year{font-size:18px; color:#303030; margin-right:14px;}
.calendar{background:white; padding:26px 14px 18px 14px; margin-bottom:22px; box-shadow:0px 0px 5px 0 rgba(0, 0, 0, .11); -webkit-box-shadow:0px 0px 5px 0 rgba(0, 0, 0, .11); -moz-box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .11); -ms-box-shadow:1px 1px 5px 0 rgba(0, 0, 0, .11);}
.data > div{float:left;width:52px;height:48px;margin:1px;text-align:center;}
.data > div a{position:relative;display:block;width:100%;height:100%;}
.data > div .bg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.data > div .img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;font-size:32px;}
.data > div .img img{width:100%;min-height:100%;display:block; opacity:.6;filter:alpha(opacity=60);
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	transition:0.5s;}
.data > div .num{font-size:16px;line-height:48px;color:white;}
.data > div .text{display:none;height:72;padding:7px 12px;font-size:14px;line-height:24px;text-align:left;overflow:hidden;}
.data > div.other a .num{background:#fafafa;color:#808080;}
.data > div.this a{background:#000;color:#fff;}
.data > div.this.noImg a .bg{background:#fafafa;}
.data > div.this.noImg a .bg .num{color: #000;}
.data > div.this .bg:hover,.data > div.this .bg.active,.data > div.this.noImg a .bg:hover{background:#e84346;}
.data > div.this:hover img{opacity:.5;}
.data > div.this:hover .num,.data > div.this.noImg .bg:hover .num{color:white;}
.data > div.this:hover .text{display:block;}
/* .data > div.this.noImg a .num{background:#fafafa;color: #000;} */

/* 个人中心 */
.personAside{width:200px; background:white;}
.personAside h2{height:44px; line-height:44px; background:#3d3d3d; color:white; font-size:18px; text-align:center; font-weight: normal;}
.personAside ul li{height:44px; line-height:44px; border-bottom:1px solid #f0f0f0; }
.personAside ul li a{display: block; padding-left:14px; font-size:16px; color:#4c4c4c;}
.personAside ul li a:hover,.personAside ul li.on a{color:#e84346;}
.personCenter .section{margin-left:233px; padding-bottom:10px;}
.personTop{height:36px; line-height:36px; padding-bottom:7px; border-bottom:1px solid #e6e6e6; overflow: hidden; margin-bottom:11px;}
.personTop h3{font-size:18px; color:#333333; margin-right:17px;}
.personTop p a{display: inline-block; width:52px; height:24px; line-height:24px; background:white; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; color:#666666; text-align: center; margin-right:6px;
	vertical-align: middle;}
.personTop p a.on,.personTop p a:hover{color:#e84346;}
.personTop>a{color:#808080;}
.personTop>a:hover{text-decoration: underline; color:#e84346 !important;}
.personTop>a:hover .icon{background-position-y:-303px;}
.ul5{margin:0 -5px; overflow: hidden; margin-bottom:20px;}
.ul5 li{width:254px; margin:0 5px; background:white; float:left; margin-bottom:10px;}
.ul5 li a{display: block;}
.ul5 li .img{height:174px; border-bottom:1px solid #f0f0f0; line-height:174px; text-align:center;}
.ul5 li .img img{display: inline-block; vertical-align:middle; margin-top:-3px; max-width:80%; max-height:90%;}
.ul5 li p{color:#4c4c4c; text-align: center; padding:6px 15px 12px 15px;}
.ul5 li p span{display: block;}
.ul5 li p .span1{line-height:25px; height:25px;}
.ul5 li p .collecTime{height:20px; line-height:20px; font-size:12px; color:#999999; display: none;}
.ul5 li:hover p{color:#e84346;}
.ul5 li:hover{box-shadow:0 0 10px 0 rgba(0, 0, 0, .11);}
.ul6 li .img{margin:9px 8px; height:138px; position: relative; border:0;}
.ul6 li .img img{position: absolute; max-width: none; max-height: none; margin-top:0;}
.ul6 li .img .zutu1{width:158px; height:138px; left:0; top:0;}
.ul6 li .img .zutu2,.ul6 li .img .zutu3{right:0; width:74px; height:66px;}
.ul6 li .img .zutu2{top:0;}
.ul6 li .img .zutu3{top:72px;}
.ul6 li p{text-align:left;border-top:1px solid #f0f0f0;}


.personCenter .list1{margin-top:-11px;}
.personCenter .list1 li{padding:13px; background:white; margin-bottom:10px; border:0;}
.personCenter .list1 li .video{width:196px; height:108px; margin-right:14px;}
.personCenter .list1 li .video span{width:38px; height:38px; background-size:38px;}
.personCenter .list2 li{padding:13px 10px; margin-bottom:10px;}
.personCenter .list2 li .zutu{padding:8px; overflow: hidden; width:138px; height:110px; margin-right:15px;}
.personCenter .list2 li .zutu a{display: block; overflow: hidden; height: 110px;}
.personCenter .list2 li .zutu img{position: static; width:100%; height:100%; object-fit: cover;}
.personCenter .list2 li .p1{margin-bottom:0; -webkit-line-clamp:2; height:48px; margin-bottom:10px;}
.personCenter .list2 li .msg{padding-top:2px;}
.personCenter .list2 li h3{margin-bottom:9px;}
.personCenter .list2 li h3 a{font-size:18px;}
.personCenter .list1 li .collecTime,.personCenter .list2 li .collecTime{height:18px; line-height:18px; font-size:12px; color:#999999; display: none;}
.personCenter .content ul li{position: relative;}
.favorites ul li .collecTime{display: block !important;}
.choose{position: absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.choose{display: none;}
.personCenter .content ul li .choose .checkBox{padding:0;}
.checkBox{margin:4px; width:20px; height:20px; line-height:20px; text-align: center !important; border:1px solid #dddddd; background:white; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; position: relative;}
.checkBox input{position: absolute; left:0; top:0; width:100%; height:100%; opacity: 0;filter:alpha(opacity=0);}
.checkBox .icon{display: none;}
.checkBox.checked .icon{display: inline-block;}
.checkBox.checked{background:#e84346; border-color:#e84346;}
.personCenter .pages{padding:20px 0; margin-bottom:30px;}
.caozuo{overflow: hidden; margin-bottom:10px; display: none;}
.caozuo .checkBox{margin:0;display: inline-block; vertical-align: middle;}
.caozuo label{display: inline-block; vertical-align: middle; color:#808080; padding-left:6px; margin-right:21px; height:22px; line-height:22px;}
.caozuo a{color:#808080; height:22px; line-height:22px;}
.editBody .caozuo{display: block;}
.editBody .choose{display: block;}
.editBody .content ul li:hover{box-shadow:none;}
.editBody .content .ul5 li:hover p{color:#4c4c4c;}
.editBody .personCenter .list1{margin-top:0;}

/* 我的资料 */
.personCenter .inputGroup{padding-top:13px;}
.personCenter .inputGroup p{overflow: hidden;}
.personCenter .inputGroup p,.personCenter .inputGroup .sex{padding:9px 0; padding-left:95px; position: relative; color:#333333; line-height:36px;}
.personCenter .inputGroup .sex{padding-left:105px;}
.personCenter .inputGroup p .label{position: absolute; left:0; color:#999999; width:80px; text-align: right; line-height:36px; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.personCenter .inputGroup p .label em{font-style: normal; margin-right:1px; color:#e84346;}
.personCenter .inputGroup p input{width:100%; height:34px; padding-right:12px; background:white; color:#333333; padding-left:10px;}
.personCenter .inputGroup .save{width:102px; height:36px; line-height:36px; background:#e84346; color:white; margin-left:100px; text-align: center; margin-top:30px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; display: block;}
.personCenter .inputGroup .save:hover{background:#c5302c;}
.personCenter .inputGroup .sex p{padding:0; border:0; color:#4c4c4c;}
.personCenter .inputGroup .sex .label{position: absolute; left:0; width:80px;color:#999999; text-align: right;}
.personCenter .inputGroup .sex .sexs{display: inline-block; min-width:50px;}
.personCenter .inputGroup .sex .sexs span{width:18px; height:18px; text-align: center; line-height:18px; border:1px solid #b5b5b5; background:white; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; vertical-align: middle; position: relative; display: inline-block;}
.personCenter .inputGroup .sex .sexs label{display: inline-block; vertical-align: middle; padding-left:6px;}
.personCenter .inputGroup .sex .sexs input{position: absolute; width:100%; height:100%; left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.personCenter .inputGroup .sex .sexs .icon{display: none;}
.personCenter .inputGroup .sex .sexs .selected{background:#e84346; border:1px solid #e84346;}
.personCenter .inputGroup .sex .sexs .selected .icon{display:inline-block;}
.personCenter .inputGroup .error,.personCenter .findPassword .error{color:#e84346; line-height:30px; padding-right:140px; display:block; /**margin-left:100px;**/}


.empty{text-align: center; font-size:18px; background: url(../../weixin/img/empty.png) no-repeat center 100px;
	padding-top:320px; margin-bottom:50px;/*  display: none;  */color:#999;}

.errorBox{min-width:400px;max-width: 700px; background:white; box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -webkit-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -moz-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1); -ms-box-shadow:0 0 29px 0 rgba(8, 8, 8, .1);
	border-radius:3px; -webkit-border-raidius:3px; -moz-border-radius:3px; -ms-border-radius:3px; padding-top:34px; text-align: center; padding-bottom:29px; position: fixed; left:0; right:0; top:0; bottom:0; margin:auto; height:fit-content;}
.errorBox h4{height:28px; line-height:28px; color:#999999; font-size:20px; margin-bottom:16px; font-weight: normal;}
.errorBox p{height:fit-content; line-height:26px; font-size:18px; color:#333333; margin-bottom:33px;margin-left: 30px;margin-right: 30px;}
.errorBox a{display: block; width:108px; height:38px; line-height:38px; text-align: center; background:#e7373a; color:white; font-size:14px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px;
	margin:0 auto;}
/*layer提示框*/
.layui-layer-btn{text-align: center; background:none;}
.layui-layer-dialog .layui-layer-content{text-align: center;}
.layui-layer-btn .layui-layer-btn1{border-color:#dedede; background:#f1f1f1; color:white; color:#333;}
.layui-layer-btn .layui-layer-btn0{border-color:#e84347; background:#e84347; color:white;}
.layui-layer-title{
	background: #C39C63 !important;
	font-size: 16px !important;
	color: #ffffff !important;
	font-weight: bold;
}

.zhuanti .aside{padding-top:32px; background:url(../img/Special.png) no-repeat left top; width:173px; margin-top:32px;}
.zhuanti .aside ul{padding-top:49px; position: relative; padding-bottom:200px;}
.zhuanti .aside ul:after{content:""; width:1px; right:23px; top:0; bottom:0; position: absolute; background:#cccccc; z-index:-1;}
.zhuanti .aside ul li{height:32px; line-height:34px; margin-bottom:8px; padding-right:34px; margin-bottom:20px;}
.zhuanti .aside ul li a{display: block; color:#333333; font-size:14px; text-align: right; padding-right:9px; height:32px; line-height:32px;}
.zhuanti .aside ul li.on{background:url(../img/sanjiao.png) no-repeat right center; background-size:34px 35px;}
.zhuanti .aside ul li.on a{background:#3d3d3d; color:white;}
.zhuanti .zhuanti_fr{margin-left:201px; margin-top:32px;}
.zhuanti .zhuanti_fr .top{overflow: hidden; margin-bottom:23px;}
.zhuanti .zhuanti_fr .tabTitle{margin-top:5px;}
.zhuanti .zhuanti_fr .list li{padding:19px; background:white; margin-bottom:20px;}
.zhuanti .zhuanti_fr .list h3 a{display: block; line-height:30px; font-size:24px; color:#333333; font-weight: normal;}
.zhuanti .zhuanti_fr .list h3 a:hover{color:#e84245;}
.zhuanti .zhuanti_fr .list h3{margin-bottom:12px;}
.zhuanti .zhuanti_fr .list p{line-height:24px; color:#808080; font-size:14px; margin-bottom:14px;}
.zhuanti .zhuanti_fr .list div{overflow: hidden;}
.zhuanti .zhuanti_fr .list div a{width:120px; height:86px; border:1px solid #e6e6e6; display: block; margin-right:9px; float: left;}
.zhuanti .zhuanti_fr .list div a img{display: block; width:100%; height:100%; object-fit: cover;}
.zhuanti .zhuanti_fr .list div span{display: block; width:36px; text-align: right; float: left; height:88px; line-height:88px;}

/* 专题2 */
.zhuantiDefault .smallSearch{margin-bottom:19px;}
.zhuantiDefault .ztProduce{width:77%; margin:0 auto; margin-bottom:40px;}
.zhuantiDefault .ztProduce h2{line-height:46px; color:#000000; font-size:36px; margin-bottom:17px; text-align: center;}
.zhuantiDefault .ztProduce p{line-height:30px; font-size:14px; color:#4c4c4c; text-indent:2em; text-align: justify;}

.zhuanti2 .smallSearch{margin-top:-6px; margin-bottom: 33px;}
.zhuanti2 .tabTitle{margin-top:7px;}

.list6{margin:0 -12px;}
.list6 li{float: left; width:408px; border:1px solid #e5e5e5; margin:0 12px; background:white; margin-bottom:19px; padding-bottom:17px; height: 322px; transition:.35s; -webkit-transition:.35s; -moz-transition:.35s; -ms-transition:.35s;}
.list6 li .img{width:100%; height:198px; border-bottom:1px solid #e5e5e5; margin-bottom:13px; overflow: hidden;}
.list6 li .img img{display: block; width:100%; height:100%; object-fit: cover; transition:.35s; -webkit-transition:.35s; -moz-transition:.35s; -ms-transition:.35s;}
.list6 li h3{line-height:28px; font-size:18px; color:#333333; padding-left:20px; padding-right:38px; margin-bottom:7px;}
.list6 li p{line-height:25px; color:#999999; font-size:14px; padding-left:20px; padding-right:38px; max-height:75px; overflow: hidden;}
.list6 li:hover{-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2); -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2); -ms-box-shadow: 0 4px 8px 0 rgba(0,0,0,.2); box-shadow: 0 4px 8px 0 rgba(0,0,0,.2);}
.list6 li:hover h3{color:#e84347;}
.list6 li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1);}

.hasbg,.img,.video {
	background-position: center center;
	background-attachment: scroll;
	background-size: cover;
	-webkit-background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width:1366px){
	.select_follow ul li{margin-right: 16px;}
}

@media screen and (max-width:1360px){
	/* .w-1200{width:1000px;} */
	.w-1280{width:1200px;}
	.header .logo{width:254px;}
	.header .nav li{margin-left:50px;}
	.list4 li{width:348px;}
	.list4 li .zutu{height:166px;}
	.list4 li .zutu .zutu1{width: 168px; height: 166px;}
	.list4 li .zutu .zutu2{width: 78px; height: 78px; left: 181px;}
	.list4 li .zutu .zutu3{width: 78px;height: 78px;right:0;top:0;left: auto;}
	.list4 li .zutu .zutu4{width: 78px;height: 78px;left: 181px;top: 89px;}
	.list4 li .zutu .zutu5{width: 78px;height: 78px;right:0;top: 89px;}

	.module .news{width:820px;}
	.module .news ul li{width:260px;}
	.module .news ul li a{height:192px;}
	.module .news ul li.middle a{height:405px;}
	.module .right{width:350px;}
	.login_2 .geren .userName{margin-right:5px;}
	.login_2.Logged .geren .userName{width:133px;}
	.historyToday .swiper-slide .picture{width:188px;    height: 153px;}
	.historyToday{height:255px;}
	.select_follow ul{padding-right:328px;}
	.select_follow ul li{width: 263px; height:185px;}
	.select_follow ul li.last{height:390px;}
	.video_list{width:820px;}
	.video_list .swiper-container .swiper-slide a{width: 250px; margin-right: 34px; height: 230px;}
	.video_list .swiper-container .swiper-slide .video{height:139px;}
	.zutuPanel ul li{width: 378px; height: 258px;}
	.tsPanel .main .swiper-container .swiper-slide .img{width:364px; height:218px;}
	.tsPanel .main .swiper-container{height:278px;}
	.tsPanel .main .swiper-container .swiper-slide .img{margin-right:28px;}

	.brand_list .item{width:225px;}
	.detailLeft{width:850px;}
	.focusCon{width:900px;}
	.focusCon .item{width:273px;}

	.zutuDetail .brand_list{width:1218px;}
	.zutuDetail .brand_list .item{width:285px;}

	.list5{height:304px;}
	.list5 li{width:127px; height:304px;}
	.list5 li.on,.list5 li a{width:520px;}

	.tsDetail .tsLeft{width:760px;}
	.historyToday .swiper-container{height:312px;}

	.picDetail .picLeft{width:846px;}
	.large_box{width:82%;}

	.lsjrLeft{width:678px;}

	.ul5 li{width:234px;}
	.ul6 li .img .zutu1{width:138px;}
	.footer .div1{width:340px;}
	.footer .div2{width:270px; padding-left:28px;}
	.footer .div3{width: 230px; padding-right:24px; padding-left:37px;}
	.footer .div4{padding-left:10px; margin-top:20px; padding-right:0;}

	/* .picDetail .picInfo table td span{width:140px;} */

	.list6 li{width:382px;}

	.widAmend .list4 li {
		width: 268px;
	}
	.widAmend .list4 li .zutu{
		height: 131px;
	}
	.widAmend .list4 li .zutu .zutu1 {
		width: 130px;
		height: 130px;
	}
	.widAmend .list4 li .zutu .zutu2 {
		width: 64px;
		height: 64px;
		left: 135px;
		top: 0;
	}
	.widAmend .list4 li .zutu .zutu3 {
		width: 64px;
		height: 64px;
		right: 0;
		top: 0;
		left: auto;
	}
	.widAmend .list4 li .zutu .zutu4 {
		width: 64px;
		height: 64px;
		left: 135px;
		top: 67px;
	}
	.widAmend .list4 li .zutu .zutu5 {
		width: 64px;
		height: 64px;
		right: 0;
		top: 67px;
	}
}

@media screen and (max-width:1280px){
	.w-1200{width:1000px;}
	.w-1280{width:1024px;}
	.header .logo{width:200px; margin-top: 5px;}
	.header .nav li{margin-left:40px;}
	.banner .swiper-container,.banner{height:384px;}
	.module .news,.video_list{width: 640px;}
	.tsPanel .main .swiper-container{width: 850px;}
	.tsPanel .main .swiper-container{height:242px;}
	.tsPanel .main .swiper-container .swiper-slide .img{width:290px; height: 180px;}
	.tsPanel .main .swiper-container .swiper-slide .msg h4{padding-top: 7px; margin-bottom:13px;}
	.zutuPanel ul li{width:319px; height: 217px;}
	.select_follow ul{padding-right: 298px;}
	.select_follow ul li{width:222px; height: 156px;}
	.select_follow ul li.last{width:294px; height:332px;}
	.video_list .swiper-container .swiper-slide a{width: 200px;margin-right: 20px;height:250px;}
	.video_list .swiper-container .swiper-slide .video{height:130px;}
	.module .news ul li{width:200px;}
	.module .news ul li a{height:147px;}
	.module .news ul li.middle a{height:315px;}
	.brand_list{width:808px;}
	.brand_list .item{width:249px;}
	.list1 li .video{width:220px; height:122px;}
	.list1 li .msg h3{margin-bottom:8px;}
	.list1 li .msg .p1{margin-bottom: 10px;}
	.labelClick{margin-bottom: 12px;}
	.detailLeft{width:680px;}
	.detailRight .panel .ul1 li .video{width: 110px;height: 61px;line-height: 61px;}
	.detailRight .panel .ul1 li .msg{margin-left:126px;}
	.detailRight .panel .ul1 li .msg .p1{margin-bottom:13px;}
	.focusCon{width:780px;}
	.focusCon .item{width:240px;}
	.sideBar,.sideBar .smallSearch{width:210px;}
	.sideBar .smallSearch input{width:135px;}
	.list4 li{width:289px;}
	.list4 li .zutu{height:142px;}
	.list4 li .zutu .zutu1{width:140px; height:142px;}
	.list4 li .zutu .zutu5,.list4 li .zutu .zutu2,.list4 li .zutu .zutu3,.list4 li .zutu .zutu4{width:68px; height:68px;}
	.list4 li .zutu .zutu2,.list4 li .zutu .zutu4{left: 146px;}
	.list4 li .zutu .zutu4,.list4 li .zutu .zutu5{top:74px;}
	.zutuDetail .brand_list{width:1042px;}
	.zutuDetail .brand_list .item{width:241px;}
	.list5{height:270px;}
	.list5 li{width:110px; height:270px;}
	.list5 li.on, .list5 li a{width:428px;}
	.tsDetail .tsLeft{width:600px; padding: 40px;}
	.ad-gallery{width:510px;}

	.picDetail .picLeft{width:680px;}
	.large_box{width:79%;}

	.lsjrLeft{width:540px}
	.lsjrRight{width:370px;}
	.data > div{width:46px; height:44px;}
	.data > div .num{line-height:44px;}

	.ul5 li{width:257px;}
	.ul6 li .img .zutu1{width:160px;}


	.footer .div1{width:45%;}
	.footer .div2{width:48%; border:0;}
	.footer .div3{width:40.4%; padding-right:47px; padding-left:0; border:0; border-right: 1px solid white; border-right: 1px solid rgba(255, 255, 255, .08); margin-top:20px;}
	.footer .div4{padding-left:61px; margin-top:20px;width:40%; margin-top:20px;}

	/* .picDetail .picInfo table td span{width:99px;} */

	.list6 li{width:323px;}
	.list6 li .img{height:180px;}
}

@media screen and (max-width:1080px){
	.w-1200{width:940px;}
	.w-1280{width:960px;}
	.header .nav li{margin-left:30px;}
	.banner .swiper-container, .banner{height:360px;}
	.module .news, .video_list{width: 588px;}
	.module .news ul li{width: 186px;}
	.module .news ul li.middle{margin: 0 15px;}
	.module .news .likeList li{
		margin-right: 15px;
	}
	.module .news ul li.middle a{height:289px;}
	.module .news ul li a{height:137px; margin-bottom: 15px;}
	.video_list .swiper-container .swiper-slide a{width:182px;}
	.video_list .swiper-container .swiper-slide .video{height:120px;}
	.select_follow ul li{margin-right: 12px;margin-bottom: 12px;}
	.select_follow ul{padding-right:280px;}
	.select_follow ul li{width:212px; height:150px;}
	.select_follow ul li.last{width:279px; height:314px;}
	.zutuPanel ul li{margin: 0 6px;margin-bottom: 14px;width: 316px;height: 215px;}
	.brand_list{width:734px;}
	.brand_list .item{width:224px;}
	.detailLeft{width:620px;}
	.focusCon{width: 716px;}
	.focusCon .item{width: 220px;}
	.list4 li{margin: 0 6px; margin-bottom:15px; width: 280px;}
	.list4 li .zutu .zutu1{height:134px;}
	.list4 li .zutu .zutu5, .list4 li .zutu .zutu2, .list4 li .zutu .zutu3, .list4 li .zutu .zutu4{width:64px; height:64px;}
	.list4 li .zutu .zutu4, .list4 li .zutu .zutu5{top:70px;}
	.zutuDetail .brand_list{width:978px;}
	.zutuDetail .brand_list .item{width:233px;}
	.loginInfo .geren{margin-right:0;}
	.header .nav{margin-right:34px;}
	.list5{height:246px;}
	.list5 li{width:100px; height:246px;}
	.list5 li.on, .list5 li a{width:415px;}
	.list5 li div{padding: 11px 26px 11px 23px;}
	.tsDetail .tsLeft{width:560px; padding: 30px;}
	.ad-gallery{width:470px;}
	.tsDetail .tsLeft center{padding-top: 26px;}

	.picDetail .picLeft{width:620px;}
	.large_box{width:76%;}

	.lsjrRight{width:330px;}
	.lsjrLeft{width:520px;}
	.data > div{width:41px; height:42px;}
	.data > div .num{line-height:42px;}

	.ul5 li{width:235px;}
	.ul6 li .img{height:119px;}
	.ul6 li .img .zutu1{width:138px; height:119px;}
	.ul6 li .img .zutu2, .ul6 li .img .zutu3{height:57px;}
	.ul6 li .img .zutu3{top:63px;}

	/* .picDetail .picInfo table td span{width:82px;} */

	.list6 li{width:302px;}
}
em{color: red;font-style: normal}
.tagSearch{cursor:pointer;margin-bottom:10px}

.xiajiaTip{padding-top:320px; text-align: center; background:url(../img/error.png) no-repeat center 122px;}
.xiajiaTip p{text-align: center; line-height:32px; color:#4c4c4c; font-size:18px;}

/* 错误反馈 */
.errorFeedback{width:580px; margin:0 auto; padding-top:31px;}
.errorFeedback h3{line-height:28px; color:#333333; font-size:14px; font-weight: normal; margin-bottom:9px;}
.errorFeedback p{line-height:26px; color:#666666;font-size:14px; margin-top:15px; margin-bottom:9px;}
.errorFeedback textarea{background:white; border:0; padding:10px 15px; width:550px; height:152px; outline:none; resize:none; line-height:22px; font-size:14px; font-family:"微软雅黑"; margin-bottom:12px;}
.errorFeedback textarea::-webkit-input-placeholder{color:#b2b2b2;}
.errorFeedback textarea::-moz-placeholder{color:#b2b2b2;}
.errorFeedback textarea:-ms-input-placeholder{color:#b2b2b2;}
.errorFeedback input{height:36px; line-height:36px; width:100%; padding-left:15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-bottom:33px;}
.errorFeedback input::-webkit-input-placeholder{color:#b2b2b2;}
.errorFeedback input::-moz-placeholder{color:#b2b2b2;}
.errorFeedback input::-ms-input-placeholder{color:#b2b2b2;}
.errorFeedback a{display: block; width:102px; height:36px; line-height:36px; background:#e84346; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; font-size:16px; color:white;
	text-align: center;}
.errorFeedback a:hover{background:#e35557;}

.tool4{position: fixed; right:50px; top:30%; z-index:10;}
.tool4 a{display: block; width:45px; height:45px; line-height:45px; text-align: center; background:white; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; margin-bottom:10px; transition:.35s;}
.tool4 a:hover{background:#e7373a;}
.tool4 a:hover .icon{background-position-y:-412px;}


/* 注册条款 */
.clauseDialog{position: fixed; z-index:5; left:0; top:0; bottom:0; right:0; background:#000; background:rgba(0, 0, 0, .6); display:none;}
.clauseDialog>div{position: fixed; width:900px; background:white; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; left:50%; top:50%; margin-left:-449px; margin-top:-262px; padding-top:50px; padding-bottom:20px;}
.clauseDialog>div h2{text-align: center; font-size:26px; font-weight: normal; margin-bottom:20px;}
.clauseDialog>div .close{position:absolute; right:30px; top:20px;}
.clauseDialog>div>div{height:400px; overflow-y: auto; padding:0 30px; line-height: 28px; font-size:16px;}


/*信息公告*/
.aboutUs{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
}
.aboutUsLeft li{
	width: 148px;
	height: 44px;
	background: #FFFFFF;
	border-radius: 4px;
	text-align: center;
	line-height: 44px;
	margin-bottom: 10px;
	color: #050505;
	font-size: 16px;
	cursor: pointer;
}
.aboutUsLeft label{
	width: 18px;
	height: 18px;
	display: inline-block;
	margin-right: 9px;
	vertical-align: text-bottom;
}
.aboutUsLeft .gywm{
	background-image: url("../img/gywm.png");
	background-size: 100% 100%;
}
.aboutUsLeft .active .gywm{
	background-image: url("../img/gywmc.png");
	background-size: 100% 100%;
}
.aboutUsLeft .xxgg{
	background-image: url("../img/xxgg.png");
	background-size: 100% 100%;
}
.aboutUsLeft .active .xxgg{
	background-image: url("../img/xxggc.png");
	background-size: 100% 100%;
}
.aboutUsLeft .zlhd{
	width: 19px;
	height: 20px;
	background-image: url("../img/zlhd.png");
	background-size: 100% 100%;
}
.aboutUsLeft .active .zlhd{
	background-image: url("../img/zlhdc.png");
	background-size: 100% 100%;
}
.aboutUsLeft .zxzx{
	background-image: url("../img/zxzx.png");
	background-size: 100% 100%;
}
.aboutUsLeft .active .zxzx{
	background-image: url("../img/zxzxc.png");
	background-size: 100% 100%;
}
.aboutUsLeft .active{
	color: #ffffff;
	background: #E84346;
}
.aboutUsRight{
	background: #FFFFFF;
	margin-left: 14px;
	flex: 1;
}
.notice{
	padding: 50px 115px;
}
.notice .h3{
	font-size: 26px;
	color: #050505;
	text-align: center;
	padding-bottom: 40px;
	border-bottom: 1px solid #E6E6E6;
}
.notice .essay p{
	font-size: 16px;
	color: #666666;
	line-height: 34px;
	text-indent: 20px;

	/*padding: 30px 0;*/
}
.essayImg{
	max-width: 552px;
	max-height: 298px;
	text-align: center;
	margin: auto;
}
/*在线咨询*/
.online{
	padding: 40px;
}
.onlineStrp{
	background-image: url("../img/zxzxbg.png");
	background-size: 100% 100%;
	padding: 34px 30px;
	margin-top: 37px;
}
.onlineStrp:first-child{
	margin-top: 0;
}
.onlineStrp li{
	font-size: 14px;
	color: #333333;
	line-height: 22px;
	padding-bottom: 20px;
}
.onlineStrp li:last-child{
	padding-bottom: 0;
}
.onlineStrp li img{
	padding-right: 10px;
	padding-bottom: 3px;
	vertical-align: middle;
}

/*授权日期*/
.power{
	float: right;
	position: relative;
	margin-right: 10px;
}
.power span{
	font-size: 12px;
	color: #ffffff;
	line-height: 47px;
	cursor: pointer;
}
.powermodal{
	width: max-content;
	background-image: url("../img/qipao.png");
	background-size: 100% 100%;
	position: absolute;
	right: -30px;
	padding: 14px 20px;
	box-sizing: border-box;
	display: none;
	transition: .3s;
	top: 40px;
	z-index: 5;
}
.powermodal p{
	font-size: 12px;
	color: #666666;
	line-height: 22px;
}
.power:hover .powermodal{
	display: block;
}




/*2022.6.8新增*/
.iconImg{
	background-image: url(../img/icon.png);
	background-repeat: no-repeat;
	display: inline-block;
}
.img1{
	width: 10px;
	height: 10px;
	background-position: -6px -7px;
}
.img2{
	width: 8px;
	height: 5px;
	background-position: -6px -24px;
}
.img3{
	width: 18px;
	height: 18px;
	background-position: -6px -37px;
}
.img4{
	width: 10px;
	height: 10px;
	background-position: -6px -61px;
}
/*人物*/
.flex{
	display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
}
.figureCon{
	padding: 15px 0px;
	border-top: 1px dashed #D6D6D6;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.figureCon label,.figureSearch label{
	width: 104px;
	height: 32px;
	background: #E6E6E6;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #808080;
	margin-right: 33px;
}
.figureCon p{
	flex: 1;
	word-break: keep-all;
}
.figureCon span{
	cursor: pointer;
	color: #333333;
	padding: 2px 8px;
	margin-right: 10px;
	line-height: 32px;
}
.figureCon .active{
	background: #E84346;
	color: #ffffff;
}
.figureCon.letter span{
	font-size: 16px;
	font-family: Helvetica;
}
.figureCon.tag p{
	padding-right: 25px;
	height: 64px;
	overflow: hidden;
}
.figureCon.tag .spread{
	position: absolute;
	bottom: 21px;
	right: 0;
	width: 22px;
	height: 18px;
	border: 1px solid #CCCCCC;
	background: #ffffff;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
}
.figureCon.tag .spread .rotate{
	transform: rotate(-180deg);
}
.figureSearch{
	display: flex;
	align-items: center;
}
.syleft{
	width: 421px;
	height: 45px;
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
}
.tiname{
	width:100px;
	position: relative;
	height: 100%;
	background: none;
}
.tiname p{
	color: #808080;
	cursor: pointer;
	width: 100%;
	padding: 0px 15px;
	box-sizing: border-box;
	height: 100%;
}
.tiname p i{
	margin-left: 0px;
}
.tiname ul{
	width:100px;
	background:white;
	position: absolute;
	left:0;
	top:50px;
	z-index:5;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
}
.tiname ul li{
	line-height:44px;
	border-bottom:1px solid #e6e6e6;
	text-align: left;
}
.tiname ul li a{
	color:#666666;
	display: block;
	padding-left:20px;
	font-size:14px;}
.tiname ul li:hover a{
	color:#E84346;
}
.syleft input{
	height: 100%;
	width: 100%;
	padding-left: 14px;
	box-sizing: border-box;
	font-size: 14px;
	/*border-left: 1px solid #D6D6D6;*/
	background: none;
}
.syleft input::placeholder{
	color: #808080;
}
.syleft .searchbtn{
	width: 95px;
	height: 100%;
	background: #E84346;
	justify-content: center;
}
.syleft .searchbtn img{
	vertical-align: middle;
}
.syleft .searchbtn span{
	color: #FAFAFA;
	margin-left: 5px;
}
.figureShaw{
	text-align: center;
	margin-top: 20px;
}
.figureShaw img{
	width: 100%;
}
/*摄影师*/
.camera{
	min-height: calc(100vh - 326px);
	background-image: url("../img/sysbg.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.camera h2{
	font-size: 72px;
	font-weight: 400;
	color: #FFFFFF;
	letter-spacing: 10px;
	padding-top: 90px;
}
.camera h3{
	margin: 20px 0px 50px 0px;
}
.camBrief{
	width: 757px;
	font-size: 16px;
	color: #FFFFFF;
	opacity: 0.52;
	line-height: 28px;
	margin-bottom: 90px;
}
.camera .figureCon{
	border-top: 1px dashed rgba(214, 214, 214, 0.7);
}
.camera .figureCon label,.camera  .figureSearch label{
	background: rgba(230,230,230,.15);
	color: rgba(255,255,255,.55);
}
.camera .figureCon span{
	color: rgba(255,255,255,.7);
}
.camera .figureCon.tag .spread{
	background: rgba(255,255,255,.27);
	border: 1px solid rgba(204,204,204,.27);
}
.camera .syleft{
	background: rgba(248,248,248,.18);
	border: 1px solid rgba(204,204,204,.18);
}
.camera .syleft input,.syleft input::placeholder{
	color: #ffffff;
}
.camera .tiname p{
	color: #ffffff;
}
.cameraList{
	margin-top: 25px;
}
.cameraList ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.cameraList li{
	height: 262px;
	width: 570px;
	margin-bottom: 30px;
}
.cameraList a{
	position: relative;
	display: block;
}
.camBg{
	height: 194px;
	background: rgba(255,255,255,.08);
}
.camCont{
	display: flex;
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	width: 510px;
}
.camCont .camImg{
	width: 176px;
	height: 155px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.camCont .camImg img{
	/*height: 100%;*/
	max-height: 100%;
	max-width: 100%;
}
.camCont .camText{
	margin-left: 36px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 32px;
}
.camText .ellipsis3{
	word-break: break-word;
	height: 96px;
}
.camText div{
	font-size: 14px;
	color: #FFFFFF;
	line-height: 24px;
	opacity: 0.41;
	margin-top: 10px;
	height: 48px;
}
.camLoading{
	text-align: center;
	color: rgba(255,255,255,.33);
	margin: 40px 0px;
}
.camLoading img{
	vertical-align: middle;
	margin-right: 10px;
}
/*摄影师列表*/
.camera .person{
	padding: 70px 0;
	position: relative;
	/*height: 390px;*/
	min-height:390px
}
.camera .person .personPhoto{
	width: 284px;
	max-height: 390px;
	border: 4px solid #EFEFEF;
	box-shadow: 0px 1px 27px 0px rgba(35, 31, 30, 0.48);
	position: absolute;
	left: 67px;
}
.camera .person .personPhoto img{
	width: 100%;
	/*height: 100%;*/
	max-height:390px;
}
.camera .person .personBg{
	width: 100%;
	/*height: 194px;*/
	background: rgba(255,255,255,.08);
	margin-top: 95px;
	padding: 35px 35px 35px 400px;
	box-sizing: border-box;
}
.camera .person .personBg h4{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 400;
	height: 31px;
}
.camera .person .personBg p{
	font-size: 14px;
	color: rgba(255,255,255,.41);
	line-height: 24px;
	margin-top: 2px;
	/*height: 48px;*/
	text-indent:2em;
	text-align: justify;
}
.camera .sample{
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
.camera .sample label{
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 30px;
}
.camera .sample span:first-child{
	display: inline-block;
	flex: 1;
	height: 4px;
	background: linear-gradient(-90deg, #FFFFFF 0%, rgba(0, 0, 0, 0) 100%);
	opacity: 0.3;
	border-radius: 2px;
}
.camera .sample span:last-child{
	display: inline-block;
	flex: 1;
	height: 4px;
	background: linear-gradient(-90deg,  rgba(0, 0, 0, 0) 0%,#FFFFFF 100%);
	opacity: 0.3;
	border-radius: 2px;
}
/*上海旧影*/
.img5{
	width: 22px;
	height: 22px;
	background-position: -6px -79px;
}
.oldBox{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -228px;
}
.oldBox1{padding-bottom: 228px;}
.oldFooter{
	height: 80px;
	background: #333333;
	font-size: 12px;
	color: #808080;
	line-height: 22px;
	display: flex;
	align-items: center;
}
.oldFooter p{
	text-align: right;
}
.oldHeader{
	height: 130px;
	background: #E8E1DD url("../img/zknybg.png") no-repeat;
}
.oldHeader .flex{
	padding-top: 21px;
	height: 104px;
}
.oldHeader .subLeft p{
	height: 100%;
	padding-top: 30px;
	box-sizing: border-box;
}
.oldHeader .subLeft p a{
	display: inline-block;
	height: 100%;
}
.oldHeader .subLeft .active {
	color: #9E3737;
	border-bottom: 4px solid #9E3737;
}
.oldHeader .subSearch{
	width: 310px;
	height: 40px;
	line-height: 40px;
	background: rgba(255, 255, 255, 0.82);
	border-radius: 2px
}
.oldHeader .subSearch input{
	width: 253px;
}
/* 首页*/
.subPool{
	height: 350px;
	background-image: url("../img/zkbg.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 65px;
	box-sizing: border-box;
}
.subLeft{
	display: flex;
	align-items: center;
}
.subLeft label{
	width: 1px;
	height: 44px;
	background: #CCCCCC;
	margin:0px 40px;
}
.subLeft p a{
	font-size: 18px;
	color: #333333;
	margin-right: 60px;
}
.subSearch{
	width: 335px;
	height: 46px;
	background: rgba(213, 207, 190, 0.75);
	box-shadow: 0px 3px 7px 0px rgba(81, 77, 64, 0.17);
	border-radius: 4px;
	padding: 0px 15px;
	box-sizing: border-box;
	line-height: 46px;
}
.subSearch input{
	background: none;
	border: none;
	width: 275px;
}
.subSearch input::placeholder{
	color: #AE4935;
}
.subSearch i{
	vertical-align: middle;
	cursor: pointer;
}
.subPool .refer{
	width: 740px;
	/*height: 78px;*/
	color: #666666;
	line-height: 26px;
	text-indent:2em;
	text-align:justify
}
.subPool .chain{
	width: 335px;
	height: 140px;
	position: relative;
}
.subPool .chain a{
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
	white-space: nowrap;
}
.subPool .chain .ch1{
	left: 0;
	top: 8px;
	font-size: 14px;
	color: #666666;
	max-width: 56px;
}
.subPool .chain .ch2{
	font-size: 24px;
	line-height: 24px;
	color: #000000;
	padding: 3px 8px;
	left: 60px;
	top: 0;
	max-width: 112px;
}
.subPool .chain .ch2 span{
	width: 96px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.subPool .chain .ch3{
	font-size: 16px;
	color: #000000;
	left: 185px;
	top: 4px;
	max-width: 64px;
}
.subPool .chain .ch4{
	font-size: 15px;
	color: #666666;;
	left: 260px;
	top: 2px;
	max-width: 75px;
}
.subPool .chain .ch5{
	font-size: 14px;
	color: #666666;;
	left: 34px;
	top: 40px;
	max-width: 56px;
}
.subPool .chain .ch6{
	font-size: 11px;
	color: #666666;;
	left: 105px;
	top: 35px;
	max-width: 48px;
}
.subPool .chain .ch7{
	font-size: 22px;
	color: #000000;;
	left: 175px;
	top: 27px;
	max-width: 88px;
}
.subPool .chain .ch8{
	font-size: 13px;
	color: #333333;;
	left: 276px;
	top: 45px;
	max-width: 52px;
}
.subPool .chain .ch9{
	font-size: 18px;
	color: #000000;
	left: 9px;
	top: 70px;
	max-width: 72px;
}
.subPool .chain .ch10{
	font-size: 48px;
	line-height: 48px;
	color: #000000;
	border-bottom: 1px solid #000000;
	left: 89px;
	top: 65px;
	max-width: 192px;
}
.subPool .chain .ch11{
	font-size: 14px;
	color: #333333;
	left: 255px;
	top: 117px;
	max-width: 70px;
}
.subPool .chain .ch12{
	font-size: 14px;
	color: #949494;
	left: 30px;
	top: 118px;
	max-width: 56px;
}
.subPool .chain .ch13{
	font-size: 12px;
	color: #5D5D5D;
	left: 140px;
	top: 124px;
	max-width: 84px;
}
.subImg{
	height: 350px;
	background:#A19785;
	box-sizing: border-box;
	overflow: hidden;
	padding: 7px 0;
}
.subImg ul{
	display: flex;
	flex-wrap: wrap;
	height: 336px;
	overflow: hidden;
}
.subImg li{
	height: 158px;
	margin: 5px;
	flex-grow: 1;
}
.subImg li img{
	height: 158px;
	object-fit: cover;
	max-width: 100%;
	min-width: 100%;
}
.timeShaft{
	background-image: url("../img/zkbg2.png");
	background-repeat: repeat;
}
.timeShaft ul{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
.timeShaft ul li{
	flex: 45%;
	border-left: 1px dashed #C8BEB9;
	padding-bottom: 80px;
}
.timeShaft ul li:nth-child(1),.timeShaft ul li:nth-child(2){
	padding-top: 100px;
}
.timeShaft p{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.timeShaft p span{
	width: 16px;
	height: 4px;
	background: #B8B09F;
	display: inline-block;
}
.timeShaft p b{
	color: #333333;
	font-size: 20px;
	margin-left: 28px;
}
.timeShaft .shaftTwo{
	margin-left: 37px;
}
.timeShaft .shaftTwo img{
	width: 260px;
	height: 192px;
	margin-left: 8px;
}
.timeShaft .shaftThree{
	position: relative;
	height: 252px;
}
.timeShaft .shaftThree .tu1{
	width: 350px;
	height: 252px;
	position: absolute;
	left: 0;
	top: 0;
}
.timeShaft .shaftThree .tu2,.timeShaft .shaftThree .tu3{
	width: 168px;
	height: 121px;
	position: absolute;
}
.timeShaft .shaftThree .tu2{
	left: 360px;
	top: 0;
}
.timeShaft .shaftThree .tu3{
	left: 360px;
	bottom: 0;
}
/*分类*/
.img6{
	width: 12px;
	height: 7px;
	background-position: -6px -109px;
}
.subCont{
	margin-top: 27px;
	display: flex;
	align-items: flex-start;
}
.sortLeft{
	width: 208px;
	flex-shrink: 0;
	margin-bottom: 20px;
}
.sortLeft::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.sortLeft::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background: #cccccc;
}
.sortLeft::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	border-radius: 10px;
}
.sortLeft h4{
	width: 208px;
	height: 46px !important;
	line-height: 46px !important;
	background: #816C50;
	box-shadow: 0px 1px 0px 0px #E0E0E0;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}
.sortLevel{
	background: #F3F0E9;
}
.sortLevel p {
	width: 208px;
	height: 48px;
	background: #F3F0E9;
	border: 1px solid #DBDBDB;
	box-sizing: border-box;
	line-height: 48px;
	padding: 0px 15px 0px 20px;
	font-size: 16px;
	color: #674040;
	cursor: pointer;
}
.sortLevel .rotate i{
	transform: rotate(180deg);
}
.sortLevel>li{
	margin-top: 10px;
}
.sortSecond li{
	background: #F3F0E9;
	border: 1px solid #DBDBDB;
	border-top: transparent;
	font-size: 14px;
}
.sortSecond li a{
	color: #6C5D5D;
	height: 40px;
	line-height: 40px;
	padding: 0px 20px;
	display: block;
}
.sortSecond li:hover a,.sortSecond .active a{
	color: #ffffff;
	background: #C5A373;
}
.sortRight{
	flex: 1;
	margin-left: 29px;
}
.sortRight .record{
	display: flex;
	padding-bottom: 20px;
	border-bottom: 1px solid #E6E6E6;
}
.sortRight .record b{
	font-size: 16px;
	color: #333333;
	margin-right: 12px;
}
.sortRight .record label{
	color: #999999;
	font-size: 14px;
}
.sortRight .record label span{
	color: #AE5D35;
}
.sortRight .sortList{
	padding-top: 18px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.sortRight .sortList li{
	width: 330px;
	height: 322px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
	margin-right: 23px;
	margin-bottom: 23px;
	position: relative;
}
.sortRight .sortList li:nth-child(3n){
	margin-right: 0;
}
.sortRight .sortList li .sortImg{
	width: 100%;
	height: 215px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sortRight .sortList li .sortImg img{
	max-height: 100%;
	max-width: 100%;
}
.sortRight .sortList .tool2{
	position: absolute;
	top: 10px;
	right: 10px;
	display: none;
}
.sortRight .sortList li:hover .tool2{
	display: block;
}
.sortText{
	padding: 20px 15px;
}
.sortText p{
	height: 16px;
}
.sortText p span{
	padding: 0 5px;
	display: inline-block;
	background: #e6e6e6;
	margin-right: 4px;
	font-size: 12px;
	color: #808080;
	border-radius: 2px;
}
.sortText p span a{
	padding: 0 5px;
	display: inline-block;
	background: #e6e6e6;
	margin-right: 4px;
	font-size: 12px;
	color: #808080;
	border-radius: 2px;
}
.sortText h4{
	color: #333333;
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
}
.sortText div{
	color: #4D4D4D;
	margin-top: 10px;
	line-height: 22px;
	height: 44px;
}
.sortLetter{
	height: 32px;
	background: #DFDAD5;
	color: #333333;
	font-size: 12px;
	line-height: 32px;
	position: absolute;
	width: 100%;
	top: 183px;
	padding: 0px 15px;
	box-sizing: border-box;
	display: none;
}
.sortRight li:hover .sortLetter{
	display: block;
}
.sortRight .sortList li:hover h4{
	color: #e7373a;
}
/*检索结果*/
.retrieved{
	height: 100px;
	background-image: url("../img/jsbg.png");
	background-repeat: no-repeat;
	font-size: 24px;
	color: #B3B3B3;
	justify-content: center;
}
.retrieved i{
	margin-right: 9px;
}
.img7{
	width: 35px;
	height: 35px;
	background-position: -6px -141px;
}
.img8{
	width:22px;
	height: 22px;
	background-position: -6px -183px;
}
.sortRight .record p{
	display: flex;
	align-items: center;
	margin-right: 8px;
}
.sortRight .record p b{
	margin-left: 10px;
	color: #666666;
}
.theme h4{
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #DBDBDB;
}
/*图书详情*/
.picDetail .pivOld{
	width: 100%;
}
.picDetail .pivOld .pictureBox{
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	box-shadow: 0px 0px 5px 0px rgba(0, 0 ,0 ,.08);
	height: 640px;
	padding-top: 40px;
}
.picDetail .pivOld .picInfo,.picDetail .pivOld .xiajiaTip{
	width: 1106px;
	margin: auto;
}
.picDetail .pivOld .large_box{
	width: 1100px;
}
.picDetail .pivOld .small_box{
	margin-right: 40px;
}
.picDetail .pivOld .picInfo .ewm{
	width: 88px;
	height: 88px;
}
/*会员购买*/
.member{
	margin-top: 10px;
}
.without{
	display: flex;
	align-items: center;
}
.without label{
	width: 42px;
	height: 42px;
	background: #D5CEB7 url("../img/huiyuan.png") center center no-repeat;
	border-radius: 50%;
	display: inline-block;
	margin-right: 16px;
}
.without span{
	font-size: 16px;
	color: #4C4C4C;
}
.member ul{
	margin-top: 20px;
	display: flex;
}
.member li{
	width: 330px;
	height: 370px;
	background: #ffffff;
	margin-right: 28px;
}
.member li:last-child{
	margin-right: 0;
}
.member .meTitle{
	height: 48px;
	background: linear-gradient(0deg, #A59B7A 0%, #DED8C2 100%);
	font-size: 18px;
	font-weight: bold;
	color: #78672F;
	text-align: center;
	line-height: 48px;
}
.meMoney{
	font-size: 38px;
	font-family: Helvetica;
	color: #333333;
	text-align: center;
	padding-top: 30px;
}
.meMoney span{
	font-size: 18px;
	color: #333333;
	margin-left: 10px;
	display: inline-block;
	padding-bottom: 10px;
}
.mePrime{
	font-size: 16px;
	font-family: Helvetica;
	text-decoration: line-through;
	color: #C2C2C2;
	text-align: center;
}
.meLetter{
	color: #333333;
	margin: 10px 0px 25px 0;
	line-height: 23px;
}
.meLetter span{
	display: block;
}

.meLetter .center{
	text-align: center;
}
.meLetter span label{
	display: inline-block;
	width: 135px;
	text-align: right;
}

.member li a{
	display: block;
	width: 132px;
	height: 42px;
	background: #E84346;
	margin: auto;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	line-height: 42px;
}
.memberModal{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.27);
}
.scanCode{
	width: 340px;
	height: 400px;
	background: #FFFFFF;
	position: absolute;
	left: 50%;
	margin-left: -170px;
	top: 200px;
	padding: 20px;
	box-sizing: border-box;
}
.scanClose{
	text-align: right;
	cursor: pointer;
}
.yard{
	width: 247px;
	height: 247px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	margin: 10px auto auto auto;
	padding: 27px;
	box-sizing: border-box;
}
.yard img{
	width: 100%;
	height: 100%;
}
.scanCode p{
	font-size: 18px;
	color: #666666;
	text-align: center;
	margin-top: 35px;
}
.scanCode p img{
	margin-right: 6px;
	vertical-align: middle;
}
.pauSuc{
	width: 200px;
	height: 40px;
	background: #e6e6e6;
	margin: 30px auto auto;
	border-radius: 3px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: #666666;
	cursor: pointer;
}
.membership{
	margin-bottom: 20px;
    height: 128px;
    background: #000000 url("../img/wdhy.png") left top no-repeat;
	display: flex;
	align-items: center;
}
.membership p{
	display: inline-block;
	margin-left: 236px;
	background-image: linear-gradient(to right, #F2B161, #FCE8BD, #F2B365);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.membership ul{
	flex: 1;
	display: flex;
	justify-content: space-evenly;
}
.membership li{
	display: inline-block;
	color: rgba(255,240,201,.51);
	text-align: center;
}
.membership li span{
	display: block;
	font-size: 36px;
	font-weight: bold;
	color: #DFD2B2;
	padding-bottom: 10px;
}


/*@author wwz*/
.sortText .ellipsis a{padding:0 5px; display: inline-block; background:#e6e6e6;border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; margin-right:4px; font-size:12px; color:#808080;}
.sortText .ellipsis a:hover{background:#e7373a; color:white;}

/*我的订单*/
.content .buyVip{
	background: #ffffff;
	border-bottom: 1px solid #F5F5F5;
	padding: 10px;
}
.content .buyVip a{
	display: flex;
	width: 100%;
}
.content .buyVip a>span{
	flex-shrink: 0;
}
.content .buyVip div{
	flex: 1;
}
.content .buyVip h3{
	font-size: 16px;
	color: #4c4c4c;
	margin-bottom: 5px;
}
.content .buyVip h3 span:last-child{
	color: #e84346;
}
.content .buyVip p{
	color: #666666;
	line-height: 21px;
}

/*上海旧影新版页面  2023.6*/
.sh-subplot-header{

}
.sh-bar{
	height: 30px;
	background: #F5F5F5;
	border-bottom: 1px solid #E6E6E6;
	color: #333333;
	text-align: right;
	line-height: 30px;
}
.sh-bar label{
	margin-right: 20px;
	display: inline-block;
}
.sh-bar a{
	color: #333333;
}
.sh-bar span{
	color:  #A4A1A1;
	display: inline-block;
	margin: 0 10px;
	font-size: 16px;
}
.sh-bar a:hover{
	color: #9E3737;
}
.sh-head{
	height: 58px;
	background: #F5F5F5;
	border-bottom: 1px solid rgba(204,204,204,0.44);;
}
.sh-head .w-1300{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sh-head-left{
	display: flex;
}
.sh-head-left a{
	height: 44px;
}
.sh-head-left ul{
	display: flex;
}
.sh-head-left li{
	font-size: 16px;
	margin-left: 60px;
	line-height: 44px;
	position: relative;
}
.sh-head-left li:before{
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: -7px;
	background: transparent;
}
.sh-head-left li a{
	color: #666666;
}
.sh-head-left li:hover a{
	color: #9E3737;
}
.sh-head-left .active a{
	color: #9E3737;
}
.sh-head-left .active:before{
	background: #9E3737;
}
.sh-header-search{
	height: 142px;
	background: url("../img/zknybj.png") no-repeat;
	background-size: cover;
	padding-top: 44px;
	box-sizing: border-box;
}
.sh-search-flex{
	width: 820px;
	height: 54px;
	border-radius: 27px;
	margin: auto;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.sh-search-flex input{
	flex: 1;
	padding-left: 25px;
	font-size: 16px;
	height: 100%;
}
.sh-search-flex input::placeholder{
	color: #808080;
}
.sh-search-flex a{
	width: 110px;
	height: 100%;
	background: #C5A373;
	text-align: center;
	line-height: 54px;
}
.sh-search-flex a img{
	vertical-align: middle;
	margin-bottom: 5px;
}
/*footer*/
.sh-footer{
	height: 228px;
	background: #333333;
	color: #808080;
	line-height: 22px;
	font-size: 12px;
	text-align: right;
	padding-top: 20px;
	box-sizing: border-box;
}
/*首页*/
.sh-home .sh-bar{
	background: #EBEBEB;
}
.sh-home .sh-header-search{
	display: none;
}
.sh-home .subPool{
	background: none;
	padding: 0;
	height: 170px;
	margin: 10px auto;
}
.sh-home .subPool .refer{
	text-indent: 0;
}
.sh-home .subPool .sh-line{
	display: inline-block;
	width: 2px;
	height: 70px;
	background: #ECEAE0;
}
.sh-home-search{
	height: 600px;
	background: url("../img/shsybg.png") no-repeat;
	background-size: 100% 100%;
	padding-top: 233px;
	box-sizing: border-box;
}
.sh-sort-head{
	padding-bottom: 20px;
	border-bottom: 1px solid #E6E6E6;
	padding-top: 50px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.sh-left-title{
	font-size: 24px;
	color: #373030;
}
.sh-left-title img{
	margin-right: 8px;
}
.sh-left-title span{
	color: #9E3737;
}
.sh-right-list{
	display: flex;
	align-items: center;
}
.sh-right-list ul{
	display: flex;
	align-items: center;
}
.sh-right-list li{
	color: #373030;
	margin-right: 50px;
	cursor: pointer;
}
.sh-right-list a{
	color: #999999;
}
.sh-right-list a img{
	margin-left: 8px;
	vertical-align: middle;
	margin-bottom: 2px;
}
.sh-right-list a:hover,.sh-right-list li:hover, .sh-right-list .active{
	color: #9E3737;
}
.sh-right-list li:last-child{
	margin-right: 0;
}
.sh-picture{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
.sh-picture li{
	width: 308px;
	height: 252px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
	margin-right: 22px;
	margin-bottom: 30px;
}
.sh-picture li:nth-child(4n){
	margin-right: 0;
}
.sh-picture li a,.sh-history li a,.sh-video li a{
	display: block;
	height: 100%;
}
.sh-picture-cover{
	width: 308px;
	height: 199px;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sh-picture-cover img{
	max-width: 100%;
	max-height: 100%;
	transition: .3s;
}
.sh-picture li p{
	padding: 15px;
	color: #4C4C4C;
}
.sh-picture-mess{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	background: #DFDAD5;
	color: #333333;
	font-size: 12px;
	box-sizing: border-box;
	padding: 8px 15px 0px 15px;
	display: none;
}
.sh-picture li:hover{
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.19);
}
.sh-picture li:hover .sh-picture-mess{
	display: block;
}
.sh-picture li:hover .sh-picture-cover img{
	transform: scale(1.1);
}
.sh-picture li:hover p{
	color: #9E3737;
}
.sh-subject{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.sh-subject li{
	width: 416px;
	height: 294px;
	border: 1px solid #E5E5E5;
	margin-right: 25px;
	margin-bottom: 20px;
	padding: 25px 15px 15px;
	box-sizing: border-box;
}
.sh-subject li:nth-child(3n){
	margin-right: 0;
}
.sh-subject h4{
	color: #333333;
	font-size: 18px;
	font-weight: 400;
}
.sh-subject p{
	font-size: 12px;
	color: #999999;
	margin-top: 18px;
}
.sh-subject .flex{
	margin-top: 30px;
	justify-content: flex-start;
}
.sh-subject .flex img{
	width: 90px;
	height: 150px;
	margin-right: 8px;
}
.sh-subject .flex img:nth-child(1){
	width: 188px;
	height: 150px;
}
.sh-subject .flex img:last-child{
	margin-right: 0;
}
.sh-subject li:hover h4{
	color: #9E3737;
}


.sh-history{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 25px;
}
.sh-history li{
	width: 416px;
	height: 338px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
	margin-right: 26px;
	padding: 50px 17px 20px 17px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}
.sh-history li a{
	overflow: hidden;
}
.sh-history li:nth-child(3n){
	margin-right: 0;
}
.sh-history-cover{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sh-history li img{
	max-width: 100%;
	max-height: 100%;
	transition: .3s;
}
.sh-history-brief{
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 20px;
	color: #FFFFFF;
	line-height: 22px;
	padding: 20px 15px 20px 15px;
	background: linear-gradient(0deg, rgba(3,0,0,0.96) 0%, rgba(0,0,0,0) 100%);
}
.sh-history-title{
	width: 273px;
	height: 44px;
	background: #FFFFFF;
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.14);
	border-radius: 22px;
	position: absolute;
	top: 30px;
	left: 71.5px;
	color: #333333;
	font-size: 16px;
	text-align: center;
	padding: 11px 10px 0px 10px;
	box-sizing: border-box;
	z-index: 3;
}
.sh-history li:hover{
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.19);
}
.sh-history li:hover img{
	transform: scale(1.1);
}
.sh-video{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}
.sh-video li{
	width: 416px;
	height: 342px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
	margin-right: 26px;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
}
.sh-video li:nth-child(3n){
	margin-right: 0;
}
.sh-video-cover{
	width: 100%;
	height: 192px;
	overflow: hidden;
	position: relative;
}
.sh-video-cover img{
	width: 100%;
	height: 100%;
	transition: .3s;
}
.sh-video h4{
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	margin: 15px 0;
}
.sh-video p{
	color: #4D4D4D;
	line-height: 22px;
}
.sh-video .sh-video-cover span {
	position: absolute;
	width: 100%;
	height: 66px;
	bottom: 0;
	left: 0;
	z-index: 3;
	color: #FFFFFF;
	text-align: right;
	padding-top: 40px;
	padding-right: 15px;
	box-sizing: border-box;
	background: linear-gradient(0deg, rgba(3,0,0,0.96) 0%, rgba(0,0,0,0) 100%);
}
.sh-video .sh-video-cover:before{
	content: "";
	width: 48px;
	height: 48px;
	background: url(../img/player.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -24px;
	z-index: 4;
}
.sh-video li:hover .sh-video-cover img{
	transform: scale(1.1);
}
.sh-video li:hover h4{
	color: #9E3737;
}
/*视频*/
.sh-video-menu li{
	height: 48px;
	line-height: 48px;
	background: #F3F0E9;
	border: 1px solid #DBDBDB;
	font-size: 16px;
	font-weight: bold;
	color: #674040;
	margin-top: 10px;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
}
.sh-video-menu  .active{
	color: #FFFFFF;
	background: #9E3737;
}





/*总库  新版首页 2023-8-8*/
.new-header{
	height: 68px;
	width: 100%;
	background-image: url("../img/headerbg.png");
	background-size: 100% 100%;
	padding: 0 30px;
	box-sizing: border-box;
}
.new-header .headerPhoto{
	width: 34px;
	height: 34px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}
.new-header .headerPhoto img{
	width: 100%;
	height: 100%;
}
.new-header .w-1280{
	position: relative;
}
.new-header .flex>ul{
	margin-left: 55px;
	height: 68px;
}
.new-header li{
	display: inline-block;
	height: 100%;
	line-height: 68px;
	text-align: center;
	position: relative;
}
.new-header li>a{
	font-size: 16px;
	color: #FFFEFE;
	display: block;
	height: 100%;
	padding: 0 15px;
}
.new-header .active,.new-header li:hover{
	background: #6A5D41;
}
.new-header .loginInfo .geren ul li:hover a{
	color: #FA6116;
}
.new-header .loginInfo .sign{
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-header .loginInfo .sign a:hover{
	color: #ffffff;
}
.new-header .active>a,.new-header li:hover>a{
	font-weight: bold;
	color: #FA6116;
}
.new-header .liChild{
	position: absolute;
	width: 122px;
	background: #F5F1E9;
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.18);
	z-index: 11;
	padding: 10px 0;
	box-sizing: border-box;
	display: none;
	left: 50%;
	margin-left: -61px;
}
.new-header .liChild::before{
	content: url("../img/cdsj.png");
	width: 14px;
	height: 11px;
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -7px;
	pointer-events: none;
}
.new-header .liChild p{
	line-height: 35px;
	text-align: left;
	padding: 0 15px;
	position: relative;
}
.new-header .liChild p::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%;
	height: 100%;
	background-color: #EBE6DC;
	transition: all 0.35s;
}
.new-header .liChild a{
	color: #050505;
	position: relative;
	z-index: 9;
}
.new-header .liChild a::after{
	content: '';
	position: absolute;
	width: 0px;
	height: 2px;
	background: #FA6116;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px;
}
.new-header .liChild p:hover a{
	color: #FA6116;
}
.new-header .liChild p:hover a::after{
	animation: underLine 0.5s  forwards;
}
.new-header .liChild p:hover::after {
	transform: scaleX(1);
}
.new-header .territory{
	background: #F5F1E9;
	position: absolute;
	left: 0;
	width: 100%;
	padding: 20px 30px 10px 30px;
	box-sizing: border-box;
	z-index: 9;
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.18);
	display: none;
}
.new-header .territory::before{
	content: url("../img/cdsj.png");
	width: 14px;
	height: 11px;
	position: absolute;
	top: -36px;
	left: 845px;
	pointer-events: none;
}
.new-header .territory p{
	display: flex;
	flex-wrap: wrap;
}
.new-header .territory a{
	line-height: 50px;
	color: #050505;
	width: 100px;
	position: relative;
	margin-bottom: 10px;
}
.new-header .territory a:hover{
	color: #FA6116;
}
.new-header .territory a::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%;
	height: 100%;
	background-color: #EBE6DC;
	transition: all 0.35s;
}
.new-header .territory a span{
	position: relative;
	z-index: 9;
}
.new-header .territory a span::after{
	content: '';
	position: absolute;
	width: 0px;
	height: 2px;
	background: #FA6116;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 10px;
}
.new-header .territory a:hover span::after{
	animation: underLine 0.5s  forwards;
}
.new-header .territory a:hover::after {
	transform: scaleX(1);
}
@keyframes underLine {
	to{
		width: 100%;
	}
}
.new-header li:hover div{
	display: block;
}
.new-header .loginInfo{
	padding-top: 0;
}
.new-header .loginInfo ul li{
	width: 100%;
	text-align: left;
	box-sizing: border-box;
}
.new-header .icon35{
	background-position: -83px -379px;
}
.new-header .icon36{
	background-position: -83px -398px;
}
.new-header .icon37{
	background-position: -83px -416px;
}
.new-header .icon38{
	background-position: -83px -434px;
}
.new-header .icon39{
	background-position: -83px -455px;
}
.new-home-top{
	min-height: 130px;
	background: url("../img/ny-search-bg.png") no-repeat;
	background-size: 100% 100%;
	padding-top: 40px;
	box-sizing: border-box;
}
.new-home-search{
	width: 752px;
	height: 43px;
	background: rgba(255,255,255,0.2);
	border: 2px solid rgba(255,255,255, .45);
	border-radius: 22px;
	margin: auto auto 40px auto;
	display: flex;
	align-items: center;
}
.new-home-search input{
	flex: 1;
	border: none;
	outline: none;
	margin-left: 15px;
	padding-left: 20px;
	background: transparent url("../img/newSousuo.png") left 11px no-repeat;
	height: 100%;
	color: #FFFFFF;
}
.new-home-search input::placeholder{
	color: #FFFFFF;
}
.new-home-search .tiname{
	height: auto;
	border-right: 1px solid rgba(255,255,255,.6);
	border-radius: 0;
}
.new-home-search .tiname p font{
	color: #FFFFFF;
	width: 56px;
	display: inline-block;
}
.new-home-search .tiname p img{
	transform: rotate(90deg);
	vertical-align: middle;
	margin-bottom: 2px;
}
.new-home-search .tiname ul{
	top: 35px;
}
.new-home-bg{
	background: url("../img/top.png") no-repeat;
	background-size: 100% 100%;
}
.new-search-but{
	width: 76px;
	height: 100%;
	background: #FA6116;
	border-radius: 30px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	line-height: 43px;
	cursor: pointer;
}
.new-flex{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.new-home-top .banner{
	width: 100%;
	height: 450px;
	padding-bottom: 40px;
	margin: 0;
}
.new-home-top .banner .swiper-container1{
	width: 862px;
	height: 450px;
	margin: initial;
}
.historical-today{
	width: 386px;
	height: 450px;
	background: #F7F7F7;
	padding: 20px;
	box-sizing: border-box;
}
.today-title{
	display: flex;
	align-items: flex-end;
	position: relative;
	margin-bottom: 10px;
}
.today-title span{
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #E6E6E6;
	margin-bottom: 3px;
	font-size: 20px;
	font-family: Helvetica;
	color: #333333;
}
.today-title span img{
	margin-bottom: 4px;
	vertical-align: middle;
}
.dateBox{
	padding: 0;
	display: flex;
}
.dateBox li {
	display: inline-block;
	width: 42px;
	height: 54px;
	background: #F7F7F7;
	border: 1px solid #E6E6E6;
	text-align: center;
	box-sizing: border-box;
	margin-right: 8px;
	color: #999999;
	font-size: 12px;
	cursor: pointer;
}
.dateBox li:last-child{
	margin-right: 0;
}
.dateBox li span{
	display: block;
	margin: 6px 0;
}
.dateBox li label{
	font-family: Helvetica;
	color: #333333;
	font-size: 16px;
}
.dateBox .on,.dateBox .on label{
	border: none;
	background: #FA6116;
	color: #FFFFFF;
}
.new-cut{
	position: absolute;
	top: 0;
	right: 0;
}
.new-cut label{
	display: inline-block;
	width: 25px;
	height: 25px;
	background: #CCCCCC;
	border-radius: 50%;
	margin-left: 7px;
	text-align: center;
	line-height: 25px;
	cursor: pointer;
}
.new-cut label img{
	vertical-align: middle;
	margin-bottom: 2px;
}
.today-cont{
	height: 300px;
	color: #333333;
	overflow: hidden;
}
.today-cont p{
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}
.todayImg{
	width: 100%;
	height: 180px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0;
}
.today-cont img{
	max-width: 254px;
	max-height: 180px;
	display: block;
}
.today-cont::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.today-cont::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background: #cccccc;
}
.today-cont::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	border-radius: 10px;
}
.new-module{
	padding: 40px 0;
}
.new-module > .flex{
	align-items: flex-start;
}
.new-module .sameH2{
	height: auto;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
	overflow: inherit;
	width: 100%;
}
.new-module .sameH2 p{
	margin-top: -12px;
}
.new-module .new-more{
	width: 79px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	transition: all 300ms ease;
	position: relative;
	overflow: hidden;
	right: -20px;
}
.new-module .new-more span{
	position: relative;
	z-index: 9;
}
.new-module .new-more img{
	position: absolute;
	top: 0;
	left: -100%;
	transition: left 0.5s ease;
}
.new-module .new-more:hover img{
	left: 0;
}
.especially{
	width: 386px;
}
.chronology img{
	width: 100%;
}
.new-interest{
	height: 288px;
	margin-top: 20px;
	background-image: url("../img/qwwdbg.png");
	background-size: 100% 100%;
	padding: 20px;
	box-sizing: border-box;
	position: relative;
}
.new-interest .changeTopic{
	cursor: pointer;
	position: absolute;
	top: 25px;
	right: 25px;
}
.new-interest .changeTopic img{
	margin-right: 5px;
	vertical-align: middle;
	margin-bottom: 2px;
}
.interest-title p img{
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 5px;
}
.interest-cont{
	display: block;
	height: 220px;
	overflow-y: auto;
}
.interest-cont::-webkit-scrollbar {
	width : 3px;
	height: 2px;
}
.interest-cont::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background   : #F2EFE9;
}
.interest-cont::-webkit-scrollbar-track {
	border-radius: 10px;
	background   : transparent;
}
.interest-cont p{
	font-size: 16px;
	color: #333333;
	margin: 10px 0;
	line-height: 25px;
}
.interest-flex{
	display: flex;
	align-items: flex-start;
}
.interest-cont .interest-cover{
	width: 122px;
	max-height: 167px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}
.interest-cont .interest-cover img{
	max-width: 100%;
	max-height: 100%;
}
.interest-cont .interest-option{
	flex: 1;
}
.interest-cont .interest-option span{
	display: block;
	line-height: 25px;
	color: #333333;
	padding-left: 10px;
}
.interest-cont .interest-option span:hover{
	background: rgba(255,255,255,.6);
	border-radius: 5px;
	color: #FA6116;
}
.new-video{
	width: 862px;
}
.new-video-list{
	display: flex;
}
.new-video-cover{
	position: relative;
	transition: .35s;
}
.new-duration{
	position: absolute;
	color: #FFFFFF;
	font-size: 12px;
	right: 12px;
	bottom: 12px;
}
.new-video-cover img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.new-video-cover:after{
	content: "";
	width: 48px;
	height: 48px;
	background: url(../img/player.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -24px;
}
.new-list-item{
	width: 274px;
}
.new-list{
	width: 568px;
	height: 490px;
	background: #FFFFFF;
	margin-right: 20px;
}
.new-list .new-video-cover{
	width: 100%;
	height: 317px;
	overflow: hidden;
}
.new-video-text{
	padding: 20px;
}
.new-video-text p{
	color: #333333;
	line-height: 28px;
	font-size: 18px;
	margin-bottom: 10px;
}
.new-video-text  span{
	color: #999999;
	line-height: 24px;
}
.new-list:hover .new-video-cover,.new-list-item:hover .new-video-cover{
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.4);
}
.new-list:hover .new-video-text p,.new-list-item:hover .new-video-text p{
	color: #e84245;
}
.new-list-item .new-video-cover{
	width: 274px;
	height: 151px;
	overflow: hidden;
}
.new-list-item .new-video-text{
	padding: 0;
}
.new-list-item .new-video-text p{
	font-size: 16px;
	margin: 10px 0;
	line-height: inherit;
}
.new-list-item .new-video-text span{
	font-size: 12px;
	line-height: 20px;
}
.new-list-item:first-child{
	margin-bottom: 25px;
}
.new-module .topPictures{
	width: 386px;
}
.new-module .topPictures ul li:first-of-type span{

	background: #FF9764;
}
.new-module .main>h2{
	overflow: inherit;
}
.new-module .sameH2 .tabTitle2{
	margin-left: 0;
}
.new-module .main>h2 p span.active{
	border-bottom: 4px solid #FF9865;
}
.select_follow.new-module ul li{
	background: rgba(255,255,255,0.45);
}
.select_follow.new-module ul li a{
	display: flex;
	align-items: center;
	justify-content: center;
}
.select_follow.new-module ul li img{
	height: 100%;
	width: 100%;
}
.select_follow.new-module ul .last img{
	width: 100%;
	height: 100%;
}
.new-ebook{
	width: 295px;
	height: 378px;
	background: #FFFFFF;
	border-radius: 6px;
	padding: 14px 20px;
	box-sizing: border-box;
	transition: transform 350ms;
	flex-shrink: 0;
	overflow: hidden;
	margin-right: 10px;
	transition: width .3s;
	position: relative;
}
.new-ebook.active{
	width: 660px;
}
.new-ebook:last-child{
	margin-right: 0;
}
.new-ebook a{
	display: flex;
	align-items: flex-start;
}
.new-default{
	width: 255px;
	height: 350px;
	flex-shrink: 0;
}
.ebook-cover{
	width: 100%;
	height: 100%;
	display: flex;
	transform: rotateY(0deg);
	transition: all .3s ease;
}
.ebook-cover>img{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 3;
}
.ebook-cover .poster{
	position: absolute;
	left: 0;
}
.ebook-cover .poster img{
	width: 12px;
	height: 350px;
}
.new-ebook:hover .ebook-cover {
	transform:rotateY(30deg);
	padding-left: 12px;
}
.ebook-text{
	margin-left: 25px;
	padding-top: 10px;
	flex: 1;
	width: 340px;
	position: absolute;
	left: 280px;
}
.ebook-text h4{
	font-size: 24px;
	color: #333333;
	font-weight: normal;
}
.ebook-text label{
	margin-top: 10px;
	margin-bottom: 20px;
}
.ebook-text p,.ebook-text label{
	color: #666666;
	line-height: 30px;
}
.ebook-text p{
	word-break: break-all;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 7;
	overflow: hidden;
}
.new-ebook:hover .ebook-text h4{
	color: #e84245;
}
.ebook-list{
	display: flex;
}
.ebook-list li{
	width: 208px;
	height: 378px;
	background: #FFFFFF;
	border-radius: 6px;
	margin-left: 18px;
	padding: 15px;
	box-sizing: border-box;
}
.ebook-list-cover{
	width: 100%;
	height: 256px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: .35s;
	overflow: hidden;
}
.ebook-list-cover img{
	max-width: 100%;
	max-height: 100%;
}
.ebook-list li:hover .ebook-list-cover{
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.4);
}
.ebook-list p{
	font-size: 16px;
	color: #333333;
	margin: 10px 0;
}
.ebook-list label{
	color: #666666;
}
.ebook-list li:hover p{
	color: #e84245;
}
.new-picture{
	display: flex;
	flex-wrap: wrap;
}
.new-picture li{
	width: 404px;
	margin-right: 30px;
	padding-bottom: 20px;
	background-image: url("../img/zutubg.png");
	background-repeat: no-repeat;
	background-size: 389px 22px;
	background-position: 7px bottom;
	margin-bottom: 30px;
}
.new-picture li:nth-child(3n){
	margin-right: 0;
}
.new-picture-top{
	height: 276px;
	position: relative;
	overflow: hidden;
	background: rgba(255,255,255,0.45);
	display: flex;
	align-items: center;
	justify-content: center
}
.new-picture-top >img{
	max-width: 100%;
	max-height: 100%;
}
.new-picture-title{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 36px;
	background: rgba(0,0,0,.55);
	box-shadow: 0px 0px 13px 0px rgba(174,174,174,0.47);
	padding: 0 15px;
	box-sizing: border-box;
	color: #FFFFFF;
	transition: bottom 0.5s ease;
}
.new-picture-title p{
	flex: 1;
}
.new-picture-title span{
	font-size: 16px;
	padding-left: 10px;
}
.new-picture-title img{
	margin-left: 7px;
	vertical-align: middle;
	margin-bottom: 2px;
}
.new-picture-left{
	position: absolute;
	left: -100%;
	top: 0;
	width: 230px;
	height: 100%;
	background: rgba(0,0,0,.6);
	padding: 20px;
	box-sizing: border-box;
	color: #FFFFFF;
	line-height: 22px;
	transition: left 0.5s ease;
}
.new-picture-left p{
	word-break: break-all;
	text-overflow: ellipsis;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 10;
	overflow: hidden;
}
.new-picture-top:hover .new-picture-left{
	left: 0;
}
.new-picture-top:hover .new-picture-title{
	bottom: -100%;
}
.new-module .swiper-container3{
	height: 540px;
}
.new-module .swiper-container3 .swiper-slide{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.new-module .swiper-container3 .swiper-slide a{
	width: 49%;
	background: #FFFFFF;
	padding: 20px;
	display: flex;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.new-history{
	width: 262px;
	height: 210px;
	overflow: hidden;
	position: relative;
	flex-shrink: 0;
	background: #f3f0eb;
	display: flex;
	align-items: center;
	justify-content: center
}
.new-history img{
	max-width: 100%;
	max-height: 100%;
	transition: .35s;
}
.new-history .new-history-title{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 32px;
	background: rgba(0,0,0,.71);
	color: #FFFFFF;
	line-height: 32px;
	text-align: right;
	padding: 0 10px;
	box-sizing: border-box;
}
.new-history-text{
	width: 305px;
	margin-left: 20px;
	padding-top: 10px;
}
.new-history-text h4{
	font-size: 20px;
	color: #1A1A1A;
	font-weight: 400;
	margin-bottom: 30px;
}
.new-history-text p{
	color: #666666;
	line-height: 28px;
}
.new-module .swiper-container3 .swiper-slide a:hover h4{
	color: #e84245;
}
.new-module .swiper-container3 .swiper-slide a:hover .new-history img{
	transform: scale(1.1);
}
.new-history-btn{
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
}
.new-history-btn span{
	display: inline-block;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
.new-history-btn span img{
	vertical-align: middle;
	margin-bottom: 2px;
}
.new-history-btn span:first-child{
	margin-right: 20px;
}
.footerImg{
	display: none;
	height: 239px;
	background-image: url("../img/sybg.jpg");
	background-attachment: fixed;
	background-position: left bottom;
	background-size: cover;
}
/*footer*/
.new-footer{
	background: url("../img/footerbg.png") no-repeat;
	background-size: 100% 100%;
}
.new-footer .div4 ul li{
	background: #7A6B4E;
}
/**/
.new-localhost{
	position: fixed;
	right: 25px;
	top: 30%;
	z-index: 10;
}
.new-localhost a{
	width: 50px;
	height: 50px;
	background: #EBE6DC;
	border-radius: 4px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
	color: #7C786F;
	position: relative;
}
.new-localhost a:hover{
	color: #e84245;
}
.new-localhost a .wechatEwm{
	display: none;
	position: absolute;
	left: -202px;
	top: -20px;
	background: #ffffff;
	width: 200px;
	height: 200px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 3px;
	z-index: 99;
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.18);
}
.new-localhost a .wechatEwm img{
	width: 100%;
	height: 100%;
}
.new-localhost a:hover .wechatEwm{
	display: block;
}
.new-localhost .exhibition{
	width: 150px;
	min-height: 100px;
	max-height: 300px;
	position: absolute;
	left: -150px;
	top: -20px;
	display: none;
}
.new-localhost .exhibition:before{
	content: url(../img/cdsj.png);
	width: 14px;
	height: 11px;
	position: absolute;
	top: 40px;
	right: -5px;
	transform: rotate(90deg);
}
.new-localhost .exhibition ul{
	background: #F5F1E9;
	width: 141px;
	min-height: 100px;
	max-height: 300px;
	overflow-y: auto;
	box-shadow: 0px 7px 13px 0px rgba(0,0,0,0.18);
	border-radius: 5px;
	padding: 10px;
	box-sizing: border-box;
}
.new-localhost .exhibition ul li{
	line-height: 35px;
	text-align: left;
	color: #1A1A1A;
}
.new-localhost .exhibition ul li:hover{
	color: #e84245;
}
.new-localhost .exhibition ul::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 4px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 4px;
}
.new-localhost .exhibition ul::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	background: #cccccc;
}
.new-localhost .exhibition ul::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	border-radius: 10px;
}
.new-localhost a:hover .exhibition{
	display: block;
}
/*子库主题图片 2023-8*/
.groupList{
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.groupList li{
	width: 337px;
	height: 286px;
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	margin-right: 15px;
	padding: 15px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 15px;
}
.groupList li:nth-child(3n){
	margin-right: 0;
}
.groupList li h4{
	color: #333333;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
}
.groupList .num{
	font-size: 12px;
	color: #999999;
	margin-bottom: 10px;
}
.groupList .groupDtl{
	color: #999999;
	line-height: 18px;
	font-size: 12px;
	height: 36px;
}
.groupList .groupImg{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.groupList .groupImg img:nth-child(1){
	width: 180px;
	height: 150px;
}
.groupList .groupImg img:nth-child(2){
	width: 115px;
	height: 150px;
}
.groupList li:hover{
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
}
.groupList li:hover h4{
	color: #e7373a;
}
.groupList li .tool2{
	position: absolute;
	left: 22px;
	bottom: 17px;
	display: none;
}
.groupList li:hover .tool2{
	display: block;
}

/*趣味答题*/
.funAnswer{
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 2;
}
.btmBg{
	position: fixed;
	bottom: -423px;
	left: 0;
	width: 100%;
	height: 423px;
	background: url("../img/dtbg.png") left bottom no-repeat;
	background-size: 100% 423px;
	z-index: 1;
	animation: popup 1s ease-in-out forwards;
}
@keyframes popup {
	100% { bottom: 0 }
}
.dtHeader{
	padding-top: 18px;
	margin-bottom: 50px;
	position: relative;
}
.dtHeader .qwwdLogo{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.dtUser{
	color: #808080;
}
.dtUser img{
	margin-right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 50%;
}
.tabBox{
	position: relative;
	height: 50px;
}
.questionNum{
	width: 634px;
	height: 50px;
	position: absolute;
	top: -500px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	animation: numTrs 1s ease-in-out forwards;
}
@keyframes numTrs {
	100% { top: 0 }
}
.questionNum::after{
	content: '';
	position: absolute;
	width: 634px;
	height: 1px;
	background: #CCCCCC;
	bottom: 25px;
}
.questionNum .sequence{
	z-index: 9;
	position: relative;
	margin-right: 70px;
	width: 50px;
	height: 50px;
}
.questionNum .sequence::after{
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	background: #867C7C;
	border-radius: 50%;
	transition: .5s;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.questionNum .sequence:last-child{
	margin-right: 0;
}
.questionNum span{
	opacity: 0;
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100%;
	text-align: center;
}
.questionNum .waves-block{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	display: none;
}
.questionNum .active{
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 50px;
}
.questionNum .active::after{
	background: #FA6116;
	width: 50px;
	height: 50px;
	left: 0;
	top: 0;
	margin: 0;
}
.questionNum .active span{
	opacity: 1;
}
.questionNum .active .waves-block {
	display: block;
}
.questionNum .waves-block .waves {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(250,97,22,.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border-radius: 50%;
	background-clip: padding-box;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
}
.questionNum .waves-block .wave-1 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.questionNum .waves-block .wave-2 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
.questionNum .waves-block .wave-3 {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}
@keyframes waves {
	0% {
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
	50% {
		opacity: 0.9;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	}
	100% {
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	}
}
.listTransit{
	position: relative;
	width: 1074px;
	height: 576px;
	margin: 40px auto auto auto;
	z-index: 5;
}
.answerList{
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: -150%;
	animation: itemTrs 1s ease-in-out forwards;
}
@keyframes itemTrs {
	100% { top: 0 }
}
.answerCont{
	flex-shrink: 0;
	width: 100%;
	height: 576px;
	display: flex;
	background: #6F6752;
	border-radius: 18px 20px 20px 18px;
	position: absolute;
	left: 100%;
	transition: .5s;
}
.answerList .active{
	left: 0;
}
.countDown{
	width: 100px;
	padding-top: 36px;
	height: 576px;
	box-sizing: border-box;
	flex-shrink: 0;
	padding-left: 27px;
}
.countDown p{
	width: 44px;
	height: 26px;
	background: #3D392E;
	border-radius: 4px;
	color: #FF9764;
	line-height: 29px;
	text-align: center;
}
.downNum{
	width: 44px;
	height: 44px;
	overflow: hidden;
	margin-top: 35px;
	margin-bottom: 5px;
	text-align: center;
	position: relative;
}
.countDown span{
	font-size: 39px;
	font-family: Helvetica;
	color: #FA6116;
	display: block;
	transition: .35s;
	position: absolute;
	width: 100%;
	background: #6F6752;
}
.countDown label{
	color: #FA6116;
}
.answerRight{
	flex: 1;
	height: 100%;
	background: #FFFFFF;
	padding: 35px 0px 35px 25px;
	box-sizing: border-box;
	border-radius: 18px;
	display: flex;
	position: relative;
}
.answerRight .topicCover{
	width: auto;
	max-width: 360px;
	height: 500px;
	flex-shrink: 0;
	position: relative;
	cursor: pointer;
}
.answerRight .topicCover>img{
	max-width: 100%;
	max-height: 100%;
}
.answerRight .topicCover .dtMagnify{
	position: absolute;
	top: 9px;
	right: 9px;
	width: 26px;
	height: 26px;
	background: rgba(0,0,0,0.59);
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	line-height: 24px;
}
.answerRight .topicCover .dtMagnify img{
	vertical-align: middle;
}
.answerRight .topicCover:hover{
	cursor: pointer;
}
.answerRight .topicText {
	margin-left: 25px;
	width: 100%;
}
.answerRight .topicText h4{
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 30px;
	padding-right: 40px;
}
.answerRight .topicText .ulScroll{
	height: 370px;
	overflow-y: auto;
	padding-right: 40px;
	margin-right: 5px;
}
.answerRight .topicText .ulScroll::-webkit-scrollbar {
	width : 3px;
	height: 2px;
}
.answerRight .topicText .ulScroll::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background   : #e5e5e5;
}
.answerRight .topicText .ulScroll::-webkit-scrollbar-track {
	border-radius: 10px;
	background   : transparent;
}
.answerOption li{
	width: 100%;
	min-height: 58px;
	line-height: 25px;
	background: #FFFFFF;
	box-shadow: 0px 3px 14px 0px rgba(50,50,50,0.13);
	border-radius: 6px;
	margin-bottom: 18px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333333;
	cursor: pointer;
	position: relative;
	border: 1px solid transparent;
}
.answerOption li:hover{
	border: 1px solid #ccc;
	cursor: pointer;
}
.answerOption li::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: 0 50%;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: #f4f4f4;
	transition: all 0.475s;
}
.answerOption li:hover::after {
	transform: scaleX(1);
}
.answerOption li img{
	position: absolute;
	right: -35px;
	top: 16px;
}
.answerOption li p{
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	min-height: 58px;
	width: 100%;
	display: flex;
	align-items: center;
}
.answerOption li p span{
	position: relative;
	z-index: 9;
	margin: 0 20px;
	display: inline-block;
}
.answerOption li p:after{
	content: '';
	top: 0;
	left: -5%;
	position: absolute;
	width: 0;
	height: 100%;
	z-index: 3;
	transition: 0.3s ease-out all;
	transform: skewX(-10deg)
}
.answerOption li p label{
	position: absolute;
	opacity: 0;
	z-index: 99;
}
.answerOption .replySuccess,.answerOption .replyError,.answerOption .replyChange{
	color: #FFFFFF;
}
.answerOption .replyChange p:after{
	background: #FA6116;
	width: 110%;
}
.answerOption .replySuccess p:after{
	background: #34BD68;
	width: 110%;
}
.answerOption .replyError p:after{
	background: #EE1D1D;
	width: 110%;
}
.answerOption .replySuccess p label{
	opacity: 1;
}
.answerOption .replySuccess p .label1 {
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	animation: run1 3s linear infinite;
	background: linear-gradient(to right, transparent, rgba(250, 97, 22, 0.75), #FA6116);
}
.answerOption .replySuccess p .label2 {
	top: -100%;
	right: 0;
	height: 200%;
	width: 1px;
	animation: run2 3s linear infinite;
	background: linear-gradient(to top, #FA6116, rgba(250, 97, 22, 0.75), transparent);
}
.answerOption .replySuccess p .label3 {
	bottom: 0;
	left: 0;
	height: 1px;
	width: 100%;
	animation: run3 3s linear infinite;
	background: linear-gradient(to left, transparent, rgba(250, 97, 22, 0.75), #FA6116);
}
.answerOption .replySuccess p .label4 {
	top: 0;
	left: 0;
	height: 200%;
	width: 1px;
	animation: run4 3s linear infinite;
	background: linear-gradient(to bottom, #FA6116, rgba(250, 97, 22, 0.75), transparent);
}
@keyframes run1 {
	from {
		transform: translateX(-100%)
	}
	to {
		transform: translateX(100%)
	}
}
@keyframes run2 {
	from {
		transform: translateY(-200%)
	}
	to {
		transform: translateY(100%)
	}
}
@keyframes run3 {
	from {
		transform: translateX(100%)
	}
	to {
		transform: translateX(-100%)
	}
}
@keyframes run4 {
	from {
		transform: translateY(200%)
	}
	to {
		transform: translateY(-100%)
	}
}
.forbidden{
	pointer-events: none;
}


.topicBtn{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	position: absolute;
	bottom: 35px;
	right: 40px;
	cursor: no-drop;
	user-select: none;
}
.topicBtn img{
	margin-right: 20px;
	display: none;
}
.topicBtn .rock{
	display: block;
	animation: shake 1s 0s linear 1;
}
@keyframes shake {
	10% {
		transform:rotate(0deg);
	}
	25% {
		transform: rotate(16deg);
	}
	38% {
		transform: rotate(-16deg);
	}
	50% {
		transform: rotate(10deg);
	}
	62% {
		transform: rotate(-10deg);
	}
	75% {
		transform: rotate(2deg);
	}
	100% {
		transform: rotate(0deg);
	}
}
.learnMore {
	width: 160px;
	height: 50px;
	position: relative;
	border-radius: 25px;
	pointer-events: none;
	text-align: center;
}
.learnMore .circle {
	position: relative;
	display: block;
	margin: 0;
	width: 50px;
	height: 50px;
	background: #E6E6E6;
	border-radius: 1.625rem;
}
.learnMore .circle .icon {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
}
.learnMore .circle .icon.arrow {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	left: 0.625rem;
	width: 1.125rem;
	height: 0.125rem;
	background: none;
}
.learnMore .circle .icon.arrow::before {
	position: absolute;
	content: "";
	top: -0.29rem;
	right: 0.0625rem;
	width: 0.625rem;
	height: 0.625rem;
	border-top: 0.125rem solid #fff;
	border-right: 0.125rem solid #fff;
	transform: rotate(45deg);
}
.learnMore .btnText {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 53px;
	padding-left: 30px;
	color: #999999;
}
.topicBtn .btnPointer{
	cursor: pointer;
	color: #FFFFFF;
	pointer-events: auto;
	background: transparent;
}
.btnPointer:hover{
	cursor: pointer;
}
.btnPointer .btnText {
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	color: #6F6752;
	cursor: pointer;
}
.btnPointer .circle{
	transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
	background: #6F6752;
}
.btnPointer:hover .circle {
	width: 100%;
}
.btnPointer:hover .circle .icon.arrow {
	background: #fff;
	transform: translate(1rem, 0);
}
.btnPointer:hover .btnText{
	color: #fff;
}

/*总库 图书详情*/
.new-det-box{
	display: flex;
	align-items: flex-start;
	margin-top: 45px;
}
.new-det-cover{
	width: 266px;
	height: 384px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-det-cover img{
	max-width: 100%;
	max-height: 100%;
}
.new-det-mes{
	flex: 1;
	background-image: url("../img/tsxq.png");
	background-size: 155px 676px;
	margin-left: 10px;
	padding: 30px 30px 30px 80px;
}
.new-det-mes h4{
	font-size: 24px;
	font-weight: 400;
	color: #1A1A1A;
	margin-bottom: 20px;
}
.new-det-mes .new-field{
	color: #666666;
	line-height: 26px;
}
.new-det-mes .new-field label{
	display: inline-block;
	color: #999999;
}
.new-det-mes .new-mes-btn{
	display: flex;
	align-items: center;
	margin: 20px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #D9D9D9;
}
.new-det-mes .new-mes-btn button{
	width: 134px;
	height: 44px;
	border: none;
	outline: none;
	cursor: pointer;
	margin-right: 10px;
	color: #F6F6F6;
}
.new-mes-btn .mes-read{
	background: #978462;
}
.new-mes-btn .mes-pay{
	background: #FA6116;
}
.new-mes-btn a{
	margin-left: 10px;
	color: #FA6116;
}
.new-det-mes .mes-white{
	padding: 20px;
	background: #FFFFFF;
	margin-bottom: 20px;
	color: #1A1A1A;
	line-height: 30px;
}
/*图书列表*/
.new-book-list{
	padding: 30px 0;
}
.new-book-ser .ser-box{
	width: 421px;
	height: 45px;
	background: #F8F8F8;
	border: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
}
.new-book-ser .ser-box input{
	background: none;
	height: 100%;
	flex: 1;
	padding-left: 15px;
}
.new-book-ser .ser-box input::placeholder{
	color: #808080;
}
.new-book-ser .ser-box span{
	width: 72px;
	height: 100%;
	background: #FA6116;
	color: #FAFAFA;
	text-align: center;
	line-height: 47px;
	cursor: pointer;
}
.new-book-ser .ser-box span img{
	margin-right: 5px;
	vertical-align: text-bottom;
}
.new-book-item{
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
}
.new-book-item>div{
	margin-right: 18px;
	margin-bottom: 20px;
}
.new-book-item>div:nth-child(5n){
	margin-right: 0;
}
.new-book-item .new-item-big{
	width: 600px;
	height: 360px;
	background: #FFFFFF;
	border-radius: 6px;
	padding: 15px;
	box-sizing: border-box;
}
.new-book-item .new-item-big a{
	display: flex;
	align-items: flex-start;
}
.new-book-item .new-item-big .big-cover{
	width: 228px;
	height: 330px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 25px;
	flex-shrink: 0;
}
.new-book-item .new-item-big .big-cover img{
	max-width: 100%;
	max-height: 100%;
}
.new-book-item .new-item-big .big-text h4{
	font-size: 24px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 15px;
}
.new-book-item .new-item-big .big-text label{
	color: #666666;
	margin-bottom: 30px;
}
.new-book-item .new-item-big .big-text p{
	color: #666666;
	line-height: 30px;
}
.new-book-item .new-item-def{
	width: 241px;
	height: 360px;
	background: #FFFFFF;
	border-radius: 6px;
	padding: 15px;
	box-sizing: border-box;
}
.new-book-item .new-item-def .def-cover{
	height: 256px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.new-book-item .new-item-def .def-cover img{
	max-width: 100%;
	max-height: 100%;
}
.new-book-item .new-item-def p{
	font-size: 16px;
	color: #333333;
	margin-top: 15px;
	text-align: center;
}
.new-book-item .new-item-def label{
	color: #666666;
	text-align: center;
	margin-top: 10px;
}
.new-book-item .new-item-def:hover p,.new-item-big:hover .big-text h4{
	color: #e84245;
}
.new-book-item .new-item-def:hover,.new-item-big:hover{
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.15);
}

/*子库新版首页 2023-12*/
.topImg{
	width: 100%;
	height: 700px;
	overflow: hidden;
}
.topImg div{
	width: 100%;
	height: 100%;
	background-image: url("../img/zktopbj.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	animation: kenburns-top 5s ease-out both;
}
@keyframes kenburns-top {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
		-webkit-transform-origin: 50% 16%;
		transform-origin: 50% 16%;
	}
	100% {
		-webkit-transform: scale(1.25) translateY(-15px);
		transform: scale(1.25) translateY(-50px);
		-webkit-transform-origin: top;
		transform-origin: top;
	}
}
.coverTop{
	position: relative;
	top: -700px;
}
.zikuHeader{
	padding: 13px 30px;
	background: #F5F5F5;
}
.zikuLeft,.zikuRight{
	display: flex;
	align-items: center;
}
.zikuLeft ul{
	display: flex;
	align-items: center;
}
.zikuLeft ul a{
	font-size: 16px;
	color: #050505;
}
.zikuLeft ul li{
	margin-left: 50px;
	position: relative;
}
.coverTop .zikuLeft ul .active a,.zikuLeft ul .active a{
	color: #C5A373;
	font-weight: bold;
}
.zikuLeft ul .active:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	background: #C5A373;
	bottom: -26px;
	left: 0;
}
.zikuRight a{
	color: #4D4D4D;
	margin-left: 20px;
}
.zikuRight a span{
	display: block;
	line-height: 24px;
}
.zikuLogin{
	margin-left: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	border-left: 1px solid #4D4D4D;
}
.zikuRight .zikuLoginBtn{
	height: 30px;
	line-height: 30px;
	background: #C5A373;
	font-size: 14px;
	color: #FFFFFF;
	padding: 0 10px;
}
.coverTop .zikuHeader{
	background: rgba(0,0,0,.37);
}
.coverTop .zikuLeft ul a{
	color: #FFFFFF;
}
.coverTop .sh-search-flex a{
	width: 98px;
	background: #C5A373;
}
.coverTop .sh-search-flex{
	margin: 200px auto auto;
}
.coverTop .zikuRight a{
	color: #FFFFFF;
}
.coverTop .zikuLogin{
	border-left: 1px solid rgba(255,255,255,.3);
}
.introduce{
	background: #C5A373;
	padding: 25px 50px;
	box-sizing: border-box;
	margin-top: 240px;
}
.introduce p{
	color: #FFFFFF;
	line-height: 28px;
	font-size: 16px;
}
.introduce p span{
	font-size: 26px;
	font-family: 宋体;
	font-weight: bold;
	margin-right: 5px;
}
.zkEnding{
	width: 1200px;
	height: 1px;
	background: rgba(255,255,255,.28);
	margin-top: 25px;
}
.zkEnding label{
	width: 7px;
	height: 7px;
	background: #FFFFFF;
	opacity: 0.9;
	border-radius: 50%;
	position: relative;
	top: -3px;
}
.zkModule{
	padding: 50px 0 30px 0;
}
.zkCaption .w-1300{
	margin: inherit;
}
.zkCaption{
	display: flex;
	align-items: center;
	padding-bottom: 25px;
	position: relative;

}
.zkCaption h4{
	font-size: 26px;
	color: #1A1A1A;
}
.zkCaption .zkCapLine{
	position: absolute;
	left: -310px;
}
.zkCaption .zkCapTitle{
	width: 100%;
}
.zkCaption .zkCaList{
	display: flex;
	align-items: center;
}
.zkCaption .zkCaList ul{
	display: flex;
	align-items: center;
}
.zkCaption .zkCaList li{
	margin-right: 30px;
	cursor: pointer;
}
.zkCaption .zkCaList li:hover,.zkCaption .zkCaList .active{
	color: #e7373a;
}
.zkCaption .zkCaList .zkMore{
	width: 54px;
	height: 28px;
	background: #FFFFFF;
	border: 1px solid #C5A373;
	color: #C5A373;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
}
.zkSiftImg,.zkThemeImg,.zkDescription{
	display: flex;
	flex-wrap: wrap;
}
.zkSiftImg li{
	width: 294px;
	margin-right: 40px;
	margin-bottom: 35px;
}
.zkSiftImg li:nth-child(4n){
	margin-right: 0;
}
.zkSiftCover{
	width: 100%;
	height: 174px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
}
.zkSiftCover img{
	max-width: 100%;
	max-height: 100%;
	transition: .35s;
}
.zkSiftImg p{
	font-size: 16px;
	color: #1A1A1A;
	margin-top: 15px;
	margin-bottom: 10px;
}
.zkSiftImg span{
	font-size: 12px;
	color: #666666;
}
.zkSiftImg li:hover p{
	color: #e7373a;
}
.zkThemeImg li{
	width: 410px;
	height: 370px;
	position: relative;
	margin-right: 35px;
	margin-bottom: 30px;
}
.zkThemeImg li:nth-child(3n){
	margin-right: 0;
}
.zkThemeImg .themeCover{
	width: 100%;
	height: 260px;
	overflow: hidden;
	background: #e4e4e4;
	display: flex;
	align-items: center;
	justify-content: center;
}
.zkThemeImg .themeCover img{
	max-width: 100%;
	max-height: 100%;
	transition: .35s;
}
.zkThemeImg li:hover .themePosition .positionText h4{
	color: #e7373a;
}
.zkSiftImg li:hover .zkSiftCover img,.zkThemeImg li:hover .themeCover img{
	transform: scale(1.1);
}
.themePosition{
	position: absolute;
	top: 220px;
	width: 100%;
}
.themePosition .positionNum{
	background: #957952;
	border-radius: 13px;
	padding: 5px 15px;
	color: #FFFFFF;
	font-size: 12px;
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 18px;
}
.themePosition .positionText{
	height: 112px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.09);
	padding: 20px;
	box-sizing: border-box;
}
.themePosition .positionText h4{
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
	font-weight: 400;
}
.themePosition .positionText p{
	color: #333333;
	line-height: 22px;
	opacity: 0.71;
}
.zkDescription li{
	width: 634px;
	height: 221px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.09);
	margin-bottom: 30px;
	margin-right: 28px;
}
.zkDescription li:nth-child(2n){
	margin-right: 0;
}
.zkDescription li a{
	height: 100%;
	display: flex;
	align-items: flex-start;
}
.zkDescription .descrCover{
	width: 338px;
	height: 100%;
	flex-shrink: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(204,204,204,.26);
}
.zkDescription .descrCover img{
	max-width: 100%;
	max-height: 100%;
	transition: .35s;
}
.zkDescription .desrcText{
	margin-left: 20px;
	padding-top: 23px;
	padding-right: 10px;
}
.zkDescription .desrcText h4{
	font-size: 16px;
	color: #1A1A1A;
	font-weight: 400;
	margin-bottom: 15px;
}
.zkDescription .desrcText p{
	opacity: 0.71;
	color: #333333;
	line-height: 24px;
}
.zkDescription li:hover .desrcText h4{
	color: #e7373a;
}
.zkDescription li:hover .descrCover img{
	transform: scale(1.1);
}
.zkModule .new-list{
	width: 568px;
	height: 479px;
	flex-shrink: 0;
	margin-right: 30px;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.09);
}
.zkModule .new-video-list{
	margin-bottom: 50px;
}
.zkModule .new-list-item{
	width: 336px;
	margin-right: 30px;
}
.zkModule .new-list-item:nth-child(2n){
	margin-right: 0;
}
.zkModule .new-list-item .new-video-cover{
	width: 336px;
	height: 185px;
}
.zkModule .new-list:hover .new-video-text p,.zkModule .new-list-item:hover .new-video-text p{
	color: #e7373a;
}
.zkVideo{
	display: flex;
	flex-wrap: wrap;
}
.zkFooterImg{
	background-image: url(../img/zkimgbj.jpg);
	background-position: left 50px;
}
.zkFigure{
	display: flex;
	flex-wrap: wrap;
}
.zkFigure li{
	width: 306px;
	height: 480px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 25px;
	transition:.3s;
	position: relative;
	margin-bottom: 25px;
}
.zkFigure li .tool2 {
	position: absolute;
	top: 20px;
	right: 20px;
	display: none;
}
.zkFigure li:nth-child(4n){
	margin-right: 0;
}
.zkFigure .zkFigureCover{
	height: 322px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: #E6E6E6;
}
.zkFigure .zkFigureCover img{
	max-width: 100%;
	max-height: 100%;
}
.zkFigure h3{
	font-size: 16px;
	color: #1A1A1A;
	margin-top: 20px;
	margin-bottom: 15px;
	cursor: pointer;
}
.zkFigure .figureText{
	font-size: 12px;
	color: #999999;
	line-height: 22px;
	max-height: 40px;
	margin-bottom: 16px;
}
.zkFigure h3:hover{
	color: #e84245;
}
.zkFigure li:hover{
	box-shadow:0 4px 8px 0 rgba(0,0,0,.2);
	transform: translate3d(0,-4px,0);
}
.zkFigure li:hover .tool2{
	display: block;
}
.zkFigure .labelClick{
	height: 18px;
	overflow: hidden;
	min-height: inherit;
}
.zkFigure .labelClick a{
	margin-bottom: 5px;
}
	/*首页答题layui提示框*/
#examMsg{
	padding: 30px;
}
#examMsg h2{
	color: #7B5E34;
	margin-bottom: 20px;
}
#examMsg span{
	line-height: 25px;
}

/*子库人物详情*/
.characterDet{
	margin: 30px 0;
	background: #FFFFFF;
	height: 660px;
	display: flex;
	align-items: flex-start;
}
.rwTopLeft{
	height: 660px;
	width: 940px;
	display: flex;
	padding: 20px;
	box-sizing: border-box;
}
.rwTopRight{
	width: 340px;
	height: 100%;
	overflow-y: auto;
	border-left: 1px solid #E6E6E6;
}
.rwTopRight::-webkit-scrollbar {
	width : 3px;
	height: 2px;
}
.rwTopRight::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background   : #e5e5e5;
}
.rwTopRight::-webkit-scrollbar-track {
	border-radius: 10px;
	background   : transparent;
}
.rwTopLeft .large_box{
	height: 620px;
	width: 850px;
	padding-left: 20px;
	box-sizing: border-box;
}
.picDetail .rwTopLeft .tool .breviary{
    left: 39px;
	right: auto;
}
.rwTopRight{
	padding: 30px 0;
	box-sizing: border-box;
}
.rwRelated .RelatedTitle{
	font-size: 18px;
	color: #765F3F;
	border-left: 4px solid #B48D56;
	padding-left: 20px;
}
.rwConPd{
	padding: 20px;
}
.rwRelated .yuanTu{
	margin-bottom: 10px;
}
.rwRelated .yuanTu h4{
	font-weight: bold;
	font-size: 24px;
	color: #1A1A1A;
	line-height: 28px;
	margin-bottom: 10px;
}
.rwRelated .yuanTu p{
	line-height: 28px;
	color: #1A1A1A;
}
.rwRelated .yuanTu p label{
	color: #808080;
	display: inline-block;
}
.rwRelated .tuPian{
	color: #1A1A1A;
	line-height: 28px;
}
.rwFlex{
    display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}
.xgBox{
	width: 625px;
	background: #FFFFFF;
	padding: 20px 0;
}
.xgBoxTitle{
	font-weight: bold;
	font-size: 16px;
	color: #1A1A1A;
	border-left: 4px solid #B48D56;
	padding-left: 20px;
	margin-bottom: 20px;
}
.xgBox .ul2,.xgBox .ul3{
	display: flex;
	align-items: center;
	padding: 0 19px;
}
.xgBox .ul2 li{
	width: 180px;
	margin-right: 23px;
}
.xgBox .ul2 li:last-child,.xgBox .ul3 li:last-child{
	margin-right: 0;
}
.xgBox .ul2 .img{
	height: 134px;
}
.xgBox .ul2 li p,.xgBox .ul3 li p{
	font-size: 14px;
	margin-top: 15px;
	color: #333333;
}
.xgBox .ul3 li{
	width: 180px;
	margin-right: 20px;
}
.xgBox .ul3 .zutu{
	width: 180px;
	height: 130px;
	padding: 3px;
	border: 1px solid #e6e6e6;
	position: relative;
}
.xgBox .ul3 .zutu img{
	position: absolute;
}
.xgBox .ul3 .zutu1{
	left: 3px;
	top: 3px;
	width: 108px;
	height: 130px;
}
.xgBox .ul3 .zutu2 {
	width: 66px;
	height: 62px;
	top: 3px;
	right: 3px;
}
.xgBox .ul3 .zutu3{
	width: 66px;
	height: 62px;
	bottom: 3px;
	right: 3px;
}
.xgBox .ul3 li:hover p{
	color: #e7373a;
}
.xgBox .rwTus{
	padding: 0 25px;
	margin-top: -20px;
}
.xgBox .rwTus li{
	padding: 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
.xgBox .rwTus li a{
	display: flex;
	align-items: flex-start;
}
.xgBox .rwTus li .rwTusCover{
	width: 180px;
	height: 125px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.xgBox .rwTus li .rwTusCover img{
	max-width: 100%;
	max-height: 100%;
}
.xgBox .rwTus li h4{
	font-weight: 400;
	font-size: 16px;
	color: #1A1A1A;
	margin-bottom: 15px;
	margin-top: 8px;
}
.xgBox .rwTus li p{
	font-size: 14px;
	color: #808080;
	line-height: 20px;
}
.xgBox .rwTus li:hover h4{
	color: #e7373a;
}
.xgBox .ul1{
	padding: 0 25px;
	margin-top: -20px;
}
.xgBox .ul1 li{
	height: 160px;
	padding: 25px 0;
	border-bottom: 1px solid #E6E6E6;
	box-sizing: border-box;
}
.xgBox .ul1 li a{
	display: block;
	height: 100%;
}
.xgBox .ul1 li .video {
	position: relative;
	width: 180px;
	height: 101px;
	line-height: 101px;
	border: 1px solid #e6e6e6;
	margin-right: 20px;
}
.xgBox .ul1 li .video img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.xgBox .ul1 li .video p {
	position: absolute;
	left: 0;
	right: 0;
	color: white;
	bottom: 0;
	padding-right: 4px;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	text-align: right;
}
.xgBox .ul1 li .p1{
	font-size: 16px;
	color: #1A1A1A;
	margin-bottom: 20px;
}
.xgBox .ul1 li .p2{
	height: 12px;
	line-height: 12px;
	color: #808080;
	font-size: 12px;
}
.xgBox .ul1 li .p2 span {
	margin-right: 10px;
}
.xgBox .ul1 li:hover .p1{
	color: #e7373a;
}
.xgBox .ul1 li .video:after {
	content: "";
	width: 30px;
	height: 30px;
	background: url(../img/player.png) no-repeat left top;
	background-size: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
}
@media screen and (max-width:1360px){
	.sortRight .sortList li{
		width: 305px;
	}
	.w-1300{
		width: 980px;
	}
	.sh-head-left li{
		margin-left: 40px;
	}
	.subPool .refer{
		width: 540px;
	}
	.sh-picture li:nth-child(3n){
		margin-right: 0px;
	}
	.sh-picture li:nth-child(4n){
		margin-right: 22px;
	}
	.sh-subject li,.sh-video li{
		width: 475px;
		padding: 25px 40px 15px 40px;
	}
	.sh-history li{
		width: 475px;
		padding: 50px 40px 15px 40px;
	}
	.sh-subject li:nth-child(2n),.sh-history li:nth-child(2n),.sh-video li:nth-child(2n){
		margin-right: 0;
	}
	.sh-subject li:nth-child(3n),.sh-history li:nth-child(3n),.sh-video li:nth-child(3n){
		margin-right: 25px;
	}
	.sh-subject li:last-child,.sh-history li:last-child,.sh-video li:last-child{
		margin-right: 0;
	}
	.sh-history-brief{
		left: 40px;
		right: 40px;
		bottom: 15px;
	}
	.sh-history-title{
		width: 325px;
	}
	.new-home-top .banner .swiper-container1{
		width: 780px;
		height: 420px;
	}
	.historical-today{
		height: 420px;
	}
	.today-cont {
		height: 280px;
	}
	.especially{
		width: 360px;
	}
	.new-video{
		width: 820px;
	}
	.new-list{
		width: 525px;
	}
	.new-module .topPictures{
		width: 360px;
	}
	.new-ebook{
		width: 260px;
	}
	.new-default {
		width: 220px;
	}
	.ebook-text{
		left: 240px;
	}
	.new-picture li{
		width: 380px;
		background-size: 365px 22px;
	}
	.new-picture-top{
		height: 256px;
	}
	.new-history-text{
		width: 266px;
	}
	.new-book-item .new-item-big{
		width: 520px;
	}

	.zkSiftImg li{
		width: 221px;
		margin-right: 30px;
	}
	.zkSiftImg li .zkSiftCover{
		height: 144px;
	}
	.zkThemeImg li{
		width: 303px;
		height: 300px;
	}
	.zkThemeImg .themeCover{
		height: 190px;
	}
	.themePosition{
		top: 150px;
	}
	.zkDescription li{
		width: 474px;
		height: 170px;
	}
	.zkDescription .descrCover{
		width: 230px;
	}
	.zkModule .new-list-item{
		width: 240px;
	}
	.zkModule .new-list-item .new-video-cover{
		width: 240px;
		height: 155px;
	}
	.zkModule .new-list{
		width: 440px;
		height: 420px;
	}
	.new-list .new-video-cover{
		height: 260px;
	}
	.groupList li{
		width: 311px;
	}
	.groupList .groupImg img:nth-child(1){
		width: 155px;
	}
	.new-book-item .new-item-def{
		width: 225px;
	}
	.new-header li>a{
		padding: 0 12px;
	}
	.new-header .territory::before{
		left: 800px;
	}
	.zkFigure li{
		width: 226px;
		height: 410px;
	}
	.zkFigure .zkFigureCover{
		height: 240px;
	}
	.rwTopLeft{
		width: 860px;
	}
	.rwTopLeft .large_box{
		width: 770px;
	}
	.xgBox{
		width: 585px;
	}
	.xgBox .ul2 li {
		width: 165px;
	}
	.xgBox .ul3 li {
		width: 168px;
	}
	.xgBox .ul3 .zutu {
		width: 168px;
	}
	.xgBox .ul3 .zutu1{
		width: 95px;
	}
}
@media screen and (max-width:1280px){
	.sortRight .sortList li {
		width: 247px;
	}
	.new-home-top .banner .swiper-container1 {
		width: 610px;
		height: 400px;
	}
	.historical-today{
		height: 400px;
	}
	.new-header li>a{
		padding: 0 7px;
	}
	.today-cont {
		height: 260px;
	}
	.new-video {
		width: 640px;
	}
	.new-list {
		width: 345px;
	}
	.ebook-list li{
		width: 180px;
	}
	.new-default {
		width: 190px;
		height: 290px
	}
	.ebook-cover .poster img{
		height: 290px;
	}
	.new-ebook{
		padding: 20px;
		width: 230px;
		height: 330px;
	}
	.new-ebook.active {
		width: 541px;
	}
	.ebook-text{
		left: 210px;
		width: 280px;
	}
	.ebook-list-cover{
		height: 225px;
	}
	.ebook-list li{
		height: 330px;
	}
	.ebook-text p{
		-webkit-line-clamp: 6;
	}
	.new-picture li{
		width: 321px;
		background-size: 305px 22px;
	}
	.new-picture-top{
		height: 217px;
	}
	.footerImg{
		background-position: left;
		background-size: cover;
	}
	.new-history-text{
		width:180px;
	}
	.new-header .territory::before{
		left: 726px;
	}
	.new-book-item .new-item-big{
		width: 470px;
		height: 320px;
	}
	.new-book-item .new-item-def{
		width: 190px;
		height: 320px;
	}
	.new-book-item .new-item-big .big-cover{
		width: 178px;
		height: 280px;
	}
	.new-book-item .new-item-def .def-cover{
		height: 216px;
	}
	.groupList li {
		width: 378px;
	}
	.groupList li:nth-child(3n){
		margin-right: 15px;
	}
	.groupList .groupImg img:nth-child(1){
		width: 220px;
	}
	.rwTopLeft {
		width: 680px;
	}
	.rwTopLeft .large_box {
		width: 595px;
	}
	.xgBox {
		width: 499px;
	}
	.xgBox .ul2 li {
		width: 138px;
	}
	.xgBox .ul2 .img {
		height: 106px;
	}
	.xgBox .ul3 li {
		width: 138px;
	}
	.xgBox .ul3 .zutu {
		width: 138px;
		height: 106px;
	}
	.xgBox .ul3 .zutu1 {
		width: 78px;
		height: 106px;
	}
	.xgBox .ul3 .zutu2,.xgBox .ul3 .zutu3 {
		width: 56px;
		height: 51px;
	}
}
@media screen and (max-width:1180px){
	.picDetail .pivOld .picInfo,.picDetail .pivOld .xiajiaTip {
		width: 800px;
	}
	.today-cont {
		height: 260px;
	}
}
@media screen and (max-width:1080px){
	.new-header .flex a img{
		width: 170px;
	}
	.new-home-top .banner .swiper-container1 {
		width: 550px;
		height: 360px;
	}
	.historical-today{
		height: 360px;
	}
	.ebook-list li {
		width: 160px;
	}
	.new-picture li{
		width: 300px;
		background-size: 285px 22px;
	}
	.new-picture-top{
		height: 200px;
	}
	.historical-today .swiper-container2{
		margin-bottom: 0;
	}
	.new-history-text{
		width:160px;
	}
	.today-cont {
		height: 220px;
	}
	.listTransit,.answerList{
		width: 874px;
	}
	.answerRight .topicCover{
		width: 280px;
		height: 420px;
	}
	.new-header .territory::before{
		left: 597px;
	}
	.new-book-item .new-item-big{
		width: 408px;
	}
	.sortRight .sortList li {
		 width: 225px;
	 }
	.groupList li{
		width: 345px;
	}
	.groupList .groupImg img:nth-child(1){
		width: 190px;
	}
	.new-header .flex>ul{
		margin-left: 0;
	}
	.new-ebook{
		width: 200px;
		height: 290px;
	}
	.new-default {
		width: 160px;
		height: 250px;
	}
	.ebook-cover .poster img{
		height: 250px;
	}
	.ebook-text {
		left: 180px;
		margin-top: 0px;
	}
	.ebook-text label{
		margin-bottom: 0;
	}
	.new-book-item .new-item-def {
		width: 177px;
	}
	.rwTopRight {
		width: 280px;
	}
	.xgBox {
		width: 468px;
	}
	.xgBox .ul2 li {
		width: 127px;
	}
	.xgBox .ul2 .img {
		height: 97px;
	}
	.xgBox .ul3 li {
		width: 127px;
	}
	.xgBox .ul3 .zutu {
		width: 127px;
		height: 97px;
	}
	.xgBox .ul3 .zutu1 {
		width: 72px;
		height: 97px;
	}
	.xgBox .ul3 .zutu2, .xgBox .ul3 .zutu3 {
		width: 50px;
		height: 46px;
	}
}